ویژگی loading در HTML <img>
تعریف و استفاده
loading ویژگی 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">
ویژگی کی قیمتی
| قیمتی | وصف |
|---|---|
| immediate | مقصد سے |
| lazy | تصویر کو تاخیر سے لوڈ کرنے کا عمل، جب تک کہ کچھ شرائط پورا نہیں ہوئیں۔ |
بھرپائی کا ذریعہ
| کروم | ایج | فائرفاکس | سافری | آپریا |
|---|---|---|---|---|
| کروم | ایج | فائرفاکس | سافری | آپریا |
| 77.0 | 79.0 | 75.0 | ناممکن | 64.0 |
