loading

HTML <img> loading atributi

❮ HTML <img> tegi

Misol

Sahifaning dastlab ko‘rinadigan qismidan pastda joylashgan rasmlarga kechiktirilgan yuklash (lazy loading) qo‘shing:

<img src="/w3images/wedding.jpg" alt="Wedding" style="width:100%"> <img src="/w3images/rocks.jpg" alt="Rocks" style="width:100%"> <!-- off-screen images --> <img src="/w3images/paris.jpg" alt="Paris" style="width:100%" loading="lazy"> <img src="/w3images/nature.jpg" alt="Nature" style="width:100%" loading="lazy"> <img src="/w3images/underwater.jpg" alt="Underwater" style="width:100%" loading="lazy"> <img src="/w3images/ocean.jpg" alt="Ocean" style="width:100%" loading="lazy"> <img src="/w3images/mountainskies.jpg" alt="Mountains" style="width:100%" loading="lazy">
O‘zingiz sinab ko‘ring »

Ta’rif va qo‘llanilishi

loading atributi brauzer rasmni darhol yuklashi kerakmi yoki ekrandan tashqaridagi rasmlarni yuklashni, masalan, foydalanuvchi ularga yaqin joygacha aylantirguncha kechiktirishi kerakmi — shuni belgilaydi.

Maslahat: loading="lazy" ni faqat sahifaning dastlab ko‘rinadigan qismidan pastda joylashgan rasmlarga qo‘shing.


Brauzerlarda qo‘llab-quvvatlash

Atribut
loading 77.0 79.0 75.0 Qo‘llab-quvvatlanmaydi 64.0

Sintaksis

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

Atribut qiymatlari

Qiymat Tavsif
eager Standart. Rasmni darhol yuklaydi
lazy Rasmlarni yuklashni muayyan shartlar bajarilgunga qadar kechiktiradi


❮ HTML <img> tegi

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!