En ajoutant loading="lazy" à la balise, le chargement du contenu de l’image ou de la frame ne commence qu’au moment où elle devient visible à l’écran.
Il est recommandé de définir height et width pour éviter le reflow du contenu alentour.
Dans le cas d’un iframe, le chargement commence lorsqu’il devient visible à l’écran, sauf si sa taille est de 4 px ou moins, s’il a display:none ou visibility:hidden, ou si ses coordonnées absolues x,y le placent hors de l’écran. (Pour éviter que des iframe destinés aux statistiques ou à la communication soient chargés en lazy loading.)
Pour l’instant, les images d’arrière-plan CSS ne sont pas prises en charge.
Comme les autres navigateurs ne le prennent pas encore en charge, il faut prévoir une autre bibliothèque de lazy loading via une condition if.
Aucun commentaire pour le moment.