Tải trọng mạng lớn thường khiến thời gian tải kéo dài. Các ứng dụng này cũng khiến người dùng tốn kém; ví dụ: người dùng có thể phải trả thêm phí dữ liệu di động. Vì vậy, việc giảm tổng kích thước của các yêu cầu mạng trên trang sẽ giúp cải thiện trải nghiệm của người dùng trên trang web và ví của họ.
Cách kiểm tra tải trọng mạng của Lighthouse không thành công
Lighthouse cho biết tổng kích thước tính bằng kibibyte (KiB) của tất cả tài nguyên mà trang của bạn yêu cầu. Các yêu cầu lớn nhất sẽ được trình bày trước:
Dựa trên dữ liệu Lưu trữ HTTP, tải trọng mạng trung bình nằm trong khoảng từ 1.700 đến 1.900 KiB. Để giúp hiển thị tải trọng cao nhất, Lighthouse sẽ gắn cờ những trang có tổng số yêu cầu mạng vượt quá 5.000 KiB.
Cách giảm kích thước tải trọng
Cố gắng giữ tổng kích thước byte của bạn dưới 1.600 KiB. Mục tiêu này dựa trên lượng dữ liệu có thể tải xuống về mặt lý thuyết trên kết nối 3G mà vẫn đạt được Thời gian phản hồi dưới 10 giây.
Sau đây là một số cách để giảm kích thước tải trọng:
- Hoãn các yêu cầu cho đến khi cần. Hãy xem Mẫu PRPL để biết một phương pháp có thể áp dụng.
- Tối ưu hoá các yêu cầu để có kích thước nhỏ nhất có thể. Có thể sử dụng các kỹ thuật sau:
- Lưu các yêu cầu vào bộ nhớ đệm để trang không tải lại tài nguyên xuống khi truy cập nhiều lần. (Xem Trang đích về độ tin cậy của mạng để tìm hiểu cách hoạt động của tính năng lưu vào bộ nhớ đệm và cách triển khai tính năng này.)
Hướng dẫn dành riêng cho ngăn xếp
Angular
Áp dụng tính năng phân tách mã cấp định tuyến để giảm thiểu kích thước của các gói JavaScript. Ngoài ra, hãy cân nhắc lưu trước các thành phần vào bộ nhớ đệm bằng trình chạy dịch vụ Angular.
Drupal
Cân nhắc sử dụng Kiểu hình ảnh thích ứng để giảm kích thước của hình ảnh tải trên trang. Nếu bạn đang sử dụng Views để hiển thị nhiều mục nội dung trên một trang, hãy cân nhắc triển khai quá trình phân trang để giới hạn số mục nội dung hiển thị trên trang cụ thể.
Joomla
Hãy cân nhắc hiển thị phần trích dẫn trong danh mục bài viết của bạn (một giải pháp phổ biến là đường liên kết "đọc thêm"), giảm số lượng bài viết hiển thị trên một trang cụ thể, chia các bài viết dài thành nhiều trang hoặc sử dụng một trình bổ trợ để tải nhận xét theo từng phần.
WordPress
Hãy cân nhắc hiển thị phần trích dẫn trong danh sách bài đăng (bạn có thể sử dụng thẻ "thêm"), giảm số lượng bài đăng hiển thị trên một trang cụ thể, chia các bài đăng dài thành nhiều trang hoặc sử dụng một trình bổ trợ để tải bình luận theo từng phần.