Native Lazy Loading

Dùng thuộc tính HTML loading="lazy"

Hỗ Trợ Trình Duyệt

Cách hoạt động

Native lazy loading được tích hợp sẵn trong trình duyệt. Thêm loading="lazy" vào thẻ <img> bất kỳ và trình duyệt sẽ tự động trì hoãn tải cho đến khi ảnh gần viewport.

Điều Khiển

0 Đã Tải
20 Tổng
0 Request Tiết Kiệm
ON Lazy Loading

Cách Kiểm Tra

  1. Mở DevTools (F12) → tab Network
  2. Reload trang để xoá cache
  3. Quan sát: chỉ một vài ảnh đầu tiên được tải ban đầu
  4. Cuộn xuống để thấy ảnh tải theo lô
  5. Bật/tắt lazy loading để so sánh hành vi