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">
गुण मूल्य
| मूल्य | वर्णन |
|---|---|
| eager | डिफ़ॉल्ट।तुरंत छवियाँ लोड करें。 |
| lazy | छवियों को जब तक कुछ शर्तों को पूरा नहीं किया जाता है, तब तक लोड नहीं करें。 |
ब्राउज़र समर्थन
| च्रोम | एज | फायरफॉक्स | सफारी | ओपेरा |
|---|---|---|---|---|
| च्रोम | एज | फायरफॉक्स | सफारी | ओपेरा |
| 77.0 | 79.0 | 75.0 | नहीं समर्थित | 64.0 |
