Trì hoãn hình ảnh ngoài màn hình

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 trên trang cùng với lượng dữ liệu có thể tiết kiệm được tính bằng kibibyte (KiB). Hãy cân nhắ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:

Ảnh chụp màn hình công cụ Kiểm tra hình ảnh ngoài màn hình trong Lighthouse

Xem thêm Lớp học lập trình về tính năng tải từng phần hình ảnh ngoài màn hình bằng lazysizes.

Hướng dẫn dành riêng cho ngăn xếp

AMP

Tự động tải từng phần hình ảnh bằng amp-img. Xem hướng dẫn về Hình ảnh.

Drupal

Hãy cân nhắc định cấu hình hình ảnh tải từng phần trong Drupal. Các trình định dạng trường cho hình ảnh hỗ trợ lazy hoặc eager.

Joomla

Cài đặ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 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 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 trình bổ trợ WordPress tải từng phần để 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ợ AMP.

Tài nguyên