سمة التحميل في <img> HTML
التعريف والاستخدام
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="شanghai" style="width:100%" loading="lazy"> <img src="/i/photo/shanghai-3.jpg" alt="شanghai" 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 |
