Lazy-loading placeholder (lazysizes) HTML
ตัวอย่างโค้ด HTML สำหรับ Lazy-loading placeholder (lazysizes) ที่ตอบคำขอไปยัง /pixel.gif ด้วย GIF ว่าง ซึ่งถอดรหัสเพียงครั้งเดียวตอนเริ่มทำงาน
Lazy-loading placeholder (lazysizes) 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">
เรารันตัวอย่างโค้ดนี้และเทียบไบต์ที่ได้กลับมาแล้ว
เว็บไซต์ทางการ: Lazy-loading placeholder (lazysizes)