Trình duyệt hiển thị một số nội dung của trang web trước và một số nội dung sau. Với Fetch Priority API (API mức độ ưu tiên tìm nạp), bạn có thể báo hiệu mức độ ưu tiên tìm nạp ban đầu của các tài nguyên quan trọng cho trình duyệt để tối ưu hoá việc tải tài nguyên.
Hãy xem video để tìm hiểu cách:
- Tìm chỉ số tải Thời gian hiển thị nội dung lớn nhất (LCP) trong bảng điều khiển Hiệu suất.
- Xem mức độ ưu tiên ban đầu và cuối cùng trong bảng điều khiển Mạng và theo dõi Mạng của dấu vết Hiệu suất.
- Sử dụng tính năng ghi đè cục bộ để kiểm thử các thuộc tính
fetchpriority
trong phần tử<img>
,<link>
và<script>
. - Tìm hiểu sự khác biệt giữa thuộc tính
loading
vàfetchpriority
. - Tìm hiểu thời điểm giảm mức độ ưu tiên của tài nguyên.
Hình ảnh LCP có thể hưởng lợi rõ ràng từ fetchpriority="high"
. Một gợi ý khác là nếu trình duyệt tự động tăng mức độ ưu tiên của một hình ảnh, thì bạn nên đặt mức độ ưu tiên đó ngay từ đầu.
Để biết thêm thông tin, hãy xem các bài viết sau: