Phần Cơ hội trong báo cáo Lighthouse liệt kê tất cả hình ảnh ngoài màn hình hoặc bị ẩn trong trang của bạn cùng với mức tiết kiệm tiềm năng tính bằng kibibyte (KiB). Hãy cân nhắc việc tải từng phần các hình ảnh này sau khi tải xong tất cả tài nguyên quan trọng để giảm Thời gian tương tác:
Xem thêm Lớp học lập trình Tải từng phần hình ảnh ngoài màn hình bằng lazysizes.
Hướng dẫn cụ thể theo ngăn xếp
AMP
Tự động tải từng phần hình ảnh bằng amp-img.
Hãy xem hướng dẫn về Hình ảnh.
Drupal
Hãy cân nhắc định cấu hình tính năng tải hình ảnh từng phần trong Drupal. Trình định dạng trường cho hình ảnh hỗ trợ lazy hoặc eager.
Joomla
Cài đặt một trình bổ trợ tải từng phần của Joomla giúp trì hoãn mọi hình ảnh ngoài màn hình, hoặc chuyển sang một mẫu cung cấp chức năng đó. Kể từ Joomla 4.0, bạn có thể bật một trình bổ trợ tải từng phần chuyên dụng bằng cách sử dụng trình bổ trợ "Content – Lazy Loading Images". Ngoài ra, hãy cân nhắc sử dụng một trình bổ trợ AMP.
Magento
Cân nhắc sửa đổi mẫu danh mục và sản phẩm để tận dụng tính năng tải từng phần của nền tảng web.
WordPress
Cài đặt một plugin tải từng phần của WordPress giúp trì hoãn mọi hình ảnh ngoài màn hình, hoặc chuyển sang một giao diện cung cấp chức năng đó. Ngoài ra, hãy cân nhắc sử dụng trình bổ trợ Accelerated Mobile Pages (AMP).