หากใส่ loading="lazy" ให้กับแท็ก `` จะเริ่มโหลดเนื้อหาของรูปภาพหรือเฟรมเมื่อถึงจังหวะที่จะแสดงบนหน้าจอ
เพื่อป้องกันไม่ให้คอนเทนต์รอบข้างเกิด reflow ควรกำหนด height, width ไว้ด้วย
ในกรณีของ iframe จะเริ่มโหลดเมื่อมองเห็นบนหน้าจอ ยกเว้นกรณีที่ขนาดเล็กกว่า 4px, display:none หรือ visibility:hidden หรือเมื่อพิกัดแบบ absolute ที่ x,y อยู่นอกหน้าจอ (เพื่อป้องกันไม่ให้ iframe ที่ใช้เพื่อสถิติหรือการสื่อสารถูก lazy loading)
ขณะนี้ยังใช้กับภาพ css background ไม่ได้
และยังไม่มีเบราว์เซอร์อื่นรองรับ ดังนั้นจึงยังต้องเขียนไลบรารี lazy loading สำหรับเบราว์เซอร์อื่นผ่าน if
ยังไม่มีความคิดเห็น