loading
HTML <img> loading atributi
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!