emptygif
Ngôn ngữ: Tiếng Việt

Tất cả ngôn ngữ và framework

Lazy-loading placeholder (lazysizes) HTML

Đoạn mã HTML cho Lazy-loading placeholder (lazysizes), trả lời các yêu cầu tới /pixel.gif bằng GIF rỗng, được giải mã một lần khi khởi động.

Lazy-loading placeholder (lazysizes) HTML

Tệp
index.html
<!-- The empty GIF keeps src valid until lazysizes swaps in data-src.
     (For most pages today, native loading="lazy" is enough.) -->
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
     data-src="/images/photo.jpg" class="lazyload"
     width="800" height="600" alt="A photo">

Chúng tôi đã chạy đoạn mã này và so sánh các byte nó trả về.

Trang chính thức: Lazy-loading placeholder (lazysizes)

Thêm với HTML