Attribut loading de l'HTML <img>
Définition et utilisation
loading L'attribut détermine si le navigateur doit charger immédiatement l'image ou reporter le chargement de l'image située en dehors de l'écran jusqu'à ce que par exemple l'utilisateur les fasse défiler vers eux.
Avis :Veuillez ne pas ajouter loading="lazy" Ajouter à l'image située en bas de l'écran.
Exemple
Ajouter un chargement différé aux images situées en bas de l'écran principal :
<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="Shanghai" style="largeur:100%" loading="lazy"> <img src="/i/photo/shanghai-3.jpg" alt="Shanghai" style="largeur:100%" loading="lazy"> <img src="/i/photo/tiyugongyuan.jpg" alt="Parc sportif" style="largeur:100%" loading="lazy">
Syntaxe
<img src="URL" loading="eager|lazy">
Valeur de l'attribut
| Valeur | Description |
|---|---|
| eager | Par défaut. Chargez immédiatement les images. |
| lazy | Charger les images en différé jusqu'à ce que certaines conditions soient remplies. |
Prise en charge du navigateur
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 77.0 | 79.0 | 75.0 | Non pris en charge | 64.0 |
