Qu'est-ce que le Lazy Loading ?

Définition complète

Le lazy loading est une technique qui diffère le chargement des ressources (images, vidéos, iframes) jusqu'à ce qu'elles soient sur le point d'entrer dans le viewport de l'utilisateur. Au lieu de charger toutes les images d'une page en même temps, seules celles visibles sont chargées immédiatement. L'attribut loading="lazy" est la méthode native HTML.

Pourquoi c'est important pour le SEO

Le lazy loading réduit le temps de chargement initial, économise la bande passante, et améliore le LCP. C'est particulièrement important pour les pages longues avec beaucoup d'images.

Exemple

<img src="photo.jpg" alt="Description" loading="lazy" width="800" height="600">

Termes reliés