01/10/2026 · VietTechies · Biên tập
Đội ngũ kỹ sư từ Meta và Google đã tái thiết kế kiến trúc giao diện người dùng (UI) của Instagram Direct nhằm tối ưu hóa khả năng xử lý cho các công cụ hỗ trợ lập trình AI. Việc thay thế các mô hình Android View truyền thống bằng Jetpack Compose giúp giảm 50% tổng lượng mã nguồn UI. Quá trình tái cấu trúc này đã cắt giảm 33% chi phí token của AI agent trên mỗi phiên làm việc, tăng tốc độ thực thi của agent thêm 35%, đồng thời giảm 32% số lần tương tác qua lại giữa kỹ sư và công cụ AI trong quá trình phát triển tính năng.
Thiết kế codebase tối ưu cho lập luận của AI agent
Mã nguồn cũ của Instagram Direct phải quản lý hàng trăm biến thể trạng thái của thành phần UI trên các giao diện trò chuyện phức tạp. Khi làm việc với Android View cũ theo phong cách lập trình mệnh lệnh (imperative), các AI agent thường xuyên phát sinh lỗi do trộn lẫn ngữ cảnh mệnh lệnh với các trạng thái khai báo (declarative) hoặc gắn biến có thể thay đổi (mutable) vào các mục danh sách tái sử dụng. Để ngăn mô hình AI vi phạm các ranh giới kiến trúc, Meta đã bắt buộc áp dụng các hàm composable thuần chức năng, trong đó toàn bộ logic UI được ràng buộc trực tiếp bên trong tham số khởi tạo mà không thể truy cập vào trạng thái thay đổi ở cấp lớp.
Các chỉ số nội bộ cho thấy khi độ phức tạp của mã nguồn và điểm rủi ro tăng gấp đôi, hiệu suất tài nguyên của AI agent giảm 30% trên mỗi ký tự xử lý đối với Android View cũ. Trong cùng điều kiện đó với Jetpack Compose, hiệu suất tài nguyên chỉ giảm 9%.
Tối ưu hóa thư viện Jetpack Compose từ nguồn
Sự hợp tác giữa hai công ty đã mang lại nhiều cải tiến hiệu năng cho thư viện Jetpack Compose gốc. Tính năng pausable composition, được bật mặc định từ bản Compose 1.10, cho phép các phần tử danh sách lười (lazy-list) tốn nhiều tài nguyên có thể phân chia quá trình dựng hình qua nhiều khung hình để giảm giật lag. Khi kết hợp với API LazyLayoutCacheWindow (có từ bản Compose 1.13.0-alpha03), hiện tượng sụt giảm khung hình nghiêm trọng mỗi phút đã giảm khoảng 13% trong các bài thử nghiệm nội bộ của Meta so với các bản Compose tiêu chuẩn.
Bên cạnh đó, các đội ngũ phát triển đã giới thiệu API onVisibilityChanged ở phiên bản Compose 1.9.0, cung cấp phương thức chuẩn hóa để theo dõi các thành phần hiển thị trên màn hình mà không cần phụ thuộc vào các giải pháp tự phát triển trên các dự án lớn.
Chiến lược di chuyển theo giai đoạn
Để tránh gián đoạn dịch vụ nhắn tin của người dùng, Meta đã áp dụng quy trình di chuyển hai giai đoạn cho từng màn hình. Ban đầu, một kỹ sư duy nhất sẽ thiết lập kiến trúc chính và xử lý các trường hợp biên cho giao diện mục tiêu thông qua cơ sở trí thức chung về kỹ năng của AI agent. Các kỹ sư tiếp theo sau đó sẽ sử dụng các công cụ AI để tạo các thành phần UI hoàn chỉnh cho môi trường sản phẩm.
Các thành phần được triển khai từng bước đằng sau các cờ tính năng A/B, chuyển đổi dần các giao diện từ cấu trúc tùy chỉnh RecyclerView sang bố cục LazyColumn thuần túy. Việc khởi chạy sớm môi trường Compose bên trong Instagram Direct cũng mang lại hiệu quả render phụ trợ cho các giao diện sử dụng Compose khác trong ứng dụng Instagram chính.
Ảnh minh họa do AI tạo, không phải ảnh tư liệu.