Tránh tạo chuỗi các yêu cầu quan trọng

Chuỗi yêu cầu quan trọng là một loạt các yêu cầu mạng phụ thuộc quan trọng đối với việc hiển thị trang. Độ dài của chuỗi càng lớn và kích thước tải xuống càng lớn, thì tác động đến hiệu suất tải trang càng đáng kể.

Lighthouse báo cáo các yêu cầu quan trọng được tải ở mức độ ưu tiên cao:

Ảnh chụp màn hình của quy trình kiểm tra Giảm thiểu độ sâu của yêu cầu quan trọng trong Lighthouse

Cách Lighthouse xác định chuỗi yêu cầu quan trọng

Lighthouse sử dụng mức độ ưu tiên của mạng làm proxy để xác định các tài nguyên quan trọng chặn hiển thị. Hãy xem bài viết Mức độ ưu tiên và lịch biểu tài nguyên của Chrome của Google để biết thêm thông tin về cách Chrome xác định các mức độ ưu tiên này.

Dữ liệu về chuỗi yêu cầu quan trọng, kích thước tài nguyên và thời gian tải tài nguyên xuống được trích xuất từ Giao thức gỡ lỗi từ xa của Chrome.

Cách giảm ảnh hưởng của chuỗi yêu cầu quan trọng đến hiệu suất

Hãy sử dụng kết quả kiểm tra chuỗi yêu cầu quan trọng để nhắm đến những tài nguyên có ảnh hưởng lớn nhất đến quá trình tải trang trước tiên:

  • Giảm thiểu số lượng tài nguyên quan trọng: loại bỏ, trì hoãn việc tải xuống, đánh dấu là async, v.v.
  • Tối ưu hoá số lượng byte quan trọng để giảm thời gian tải xuống (số lượng chuyến khứ hồi).
  • Tối ưu hoá thứ tự tải các tài nguyên quan trọng còn lại: tải xuống tất cả các thành phần quan trọng càng sớm càng tốt để rút ngắn độ dài đường dẫn quan trọng.

Tìm hiểu thêm về cách tối ưu hoá hình ảnh, JavaScript, CSSphông chữ trên web.

Hướng dẫn cụ thể theo ngăn xếp

Magento

Nếu bạn hiện không nhóm các nội dung JavaScript của mình, hãy cân nhắc dùng trình đóng gói.

Tài nguyên

Mã nguồn cho chế độ kiểm tra Giảm thiểu độ sâu của yêu cầu quan trọng