Cách Instagram cải thiện hiệu suất ứng dụng web

Instagram gặp vấn đề về hiệu suất khi ứng dụng web mở rộng để bao gồm stories, bộ lọc, và nhắn tin trực tiếp.

Nhóm Instagram thử nghiệm tải trước tài nguyên bằng thuộc tính HTML preload để cải thiện hiệu suất nhưng gặp phải vấn đề ưu tiên tài nguyên.

Sử dụng hệ thống ưu tiên task với `requestIdleCallback` để đảm bảo hiệu năng của feed vô hạn một cách trơn tru.

Sử dụng mã hóa chunk HTTP giúp gửi dữ liệu GraphQL đồng bộ với việc tải trang nhằm giảm thiểu độ trễ.

Instagram triển khai `cache-first` cho các dữ liệu feed và stories để nâng cao trải nghiệm người dùng.

Sử dụng chiến lược tải module khi cần thiết và các bundle JavaScript phù hợp cho từng trình duyệt để cải thiện thời gian tải trang.

Các bài học chính bao gồm việc đo lường trải nghiệm người dùng thực và tối ưu hoá là một quá trình liên tục.