Afin d'optimiser le chargement de nos pages, il est recommandé de charger en différé, voir à la demande certaines ressources comme les images. Pour faire cela, on utilise le lazy-loading.
Jusqu'à présent, nous devions faire cela avec de JavaScript (avec par exemple LazySizes). Les prochaines versions de Chrome et Firefox vont intégrer cela nativement via un nouvel attribut sur les balises img et iframe : loading.
Voici un example :
<img src="uneimage.jpg" loading="lazy" alt="...">
<iframe src="player.html" loading="lazy"></iframe>
Grâce à ces nouveaux attribu