คุณสมบัติ loading ของ HTML <img>

HTML แบบตัวแทน <img>

คำนิยามและวิธีใช้

loading คุณสมบัตินี้กำหนดว่าเครื่องนี้จะโหลดภาพทันทีหรือล่าช้าโหลดภาพนอกจอจนกระทั่งเช่นในขณะที่ผู้ใช้เลื่อนหน้าไปใกล้ภาพ

คำเตือน：กรุณาใส่เพียง loading="lazy" เพิ่มไปที่ภาพที่ตั้งอยู่ด้านล่างหน้า

ตัวอย่าง

เพิ่มการโหลดล่าช้าให้กับภาพด้านล่างหน้าหลัก：

<img src="/i/photo/beijing.jpg" alt="北京" style="width:100%">
<img src="/i/photo/shanghai.jpg" alt="上海" style="width:100%">
<!-- ภาพนอกจอ -->
<img src="/i/photo/wuhan.jpg" alt="武汉" style="width:100%" loading="lazy">
<img src="/i/photo/shanghai-1.jpg" alt="上海" style="width:100%" loading="lazy">
<img src="/i/photo/shanghai-2.jpg" alt="เมืองซึ่ง" style="width:100%" loading="lazy">
<img src="/i/photo/shanghai-3.jpg" alt="เมืองซึ่ง" style="width:100%" loading="lazy">
<img src="/i/photo/tiyugongyuan.jpg" alt="สวนกีฬา" style="width:100%" loading="lazy">

ทดลองด้วยตัวเอง

ภาษาเกณฑ์

<img src="URL" loading="eager|lazy">

ค่าของอาทิตย์

ค่า คำอธิบาย
eager ค่าเริ่มต้น。โหลดรูปภาพทันที
lazy โหลดรูปภาพล่าช้าจนกว่าเงื่อนไขบางอย่างจะตอบสนอง

การสนับสนุนโปรแกรมนี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
77.0 79.0 75.0 ไม่สนับสนุน 64.0

HTML แบบตัวแทน <img>