Thư viện thuật ngữ / Web

Lazy loading là gì?

Còn gọi: tải trễ, lazy load, tải lười

Lazy loading là kỹ thuật chỉ tải ảnh, video hay nội dung khi người dùng sắp cuộn đến, thay vì tải hết ngay từ đầu, giúp trang mở nhanh và tiết kiệm dữ liệu.

Ảnh minh hoạ Lazy loading (tải trễ): một trang dài với ảnh trong màn hình đã tải và ảnh phía dưới còn chờ tải, có mũi tên cuộn
Một trang dài với ảnh trong màn hình đã tải và ảnh phía dưới còn chờ tải, có mũi tên cuộn

Hiểu kỹ hơn

Trong HTML, chỉ cần thêm loading="lazy" cho thẻ img hoặc iframe. Không nên lazy load ảnh lớn ở đầu trang (ảnh hero), vì sẽ làm nội dung chính hiện chậm hơn. Khi lazy load, nên khai báo kích thước ảnh để tránh bố cục nhảy khi ảnh tải xong.