Une longue page avec des dizaines d'images n'a pas besoin de charger chacune d'entre elles à l'instant où un visiteur arrive — la plupart ne sont même pas encore visibles. Le lazy loading tire parti de cela.
Au lieu de charger chaque image d'une page immédiatement, le lazy loading attend qu'une image soit sur le point d'apparaître dans la zone visible, puis la charge juste à temps — économisant de la bande passante et accélérant considérablement le chargement initial de la page.
Les navigateurs modernes prennent désormais en charge le lazy loading nativement via un simple attribut HTML, ce qui signifie que les développeurs n'ont plus besoin de bibliothèques JavaScript supplémentaires pour implémenter cette technique de base.
Le contenu qui est au-dessus de la ligne de flottaison (visible immédiatement) ne devrait généralement pas être chargé en lazy loading — le faire peut en fait retarder le contenu visible que le visiteur voit en premier, allant à l'encontre du but même de la technique.
L'analyse technique de NOXEL SEO vérifie si les images en dessous de la ligne de flottaison utilisent efficacement le lazy loading.
Cela ne devrait pas être le cas s'il est correctement implémenté — le lazy loading ne devrait s'appliquer qu'au contenu en dessous de la zone visible, et non au contenu initialement visible.
Les navigateurs modernes prennent en charge un attribut HTML natif pour le lazy loading basique des images, ne nécessitant aucune bibliothèque supplémentaire pour les cas d'usage simples.
Lorsqu'il est correctement implémenté, non — les moteurs de recherche gèrent généralement bien les techniques modernes de lazy loading, bien qu'une mauvaise implémentation puisse parfois causer des problèmes.
Le contenu visible immédiatement au chargement de la page (au-dessus de la ligne de flottaison) ne devrait pas être en lazy loading, car cela retarderait ce que le visiteur voit en premier.
Non — les vidéos, le contenu intégré et les sections entières en dessous de la ligne de flottaison peuvent également bénéficier des techniques de lazy loading.
Oui, souvent — en réduisant la quantité de contenu chargé immédiatement, il peut améliorer les métriques liées au chargement comme le LCP.
Vérifiez automatiquement l'implémentation du lazy loading pour le contenu en dessous de la ligne de flottaison.
Explorez le tableau de bord NOXEL360 →