Lazy-loading
Le lazy-loading, ou chargement différé, est une technique qui retarde le téléchargement des images et autres éléments tant qu’ils ne sont pas visibles à l’écran. La page s’affiche ainsi plus vite au départ, car le navigateur ne charge que le strict nécessaire avant de faire défiler.
Lazy-loading : quel impact pour le SEO ?
Bien appliqué, ce procédé accélère l’affichage initial et améliore l’expérience comme les performances mesurées par Google. Mal réglé, il peut au contraire cacher votre contenu à Google et nuire à votre visibilité. Une erreur fréquente consiste à le déclencher sur l’élément LCP, c’est-à-dire le visuel principal qui doit justement s’afficher le plus vite possible.
La mise en place dépend de votre environnement : vous pouvez vous appuyer sur le chargement différé natif des images via loading=lazy, l’étendre pour différer aussi les iframes, ou passer par votre outil pour l’activer depuis un CMS. Le tout se combine idéalement avec un travail sur le poids des images et son impact business.
<img src="/images/photo.jpg" alt="Description" loading="lazy" width="800" height="600" />Exemples
- Images sous la ligne de flottaison : sur un article long, les visuels placés plus bas ne se chargent qu’au moment où le visiteur fait défiler vers eux.
- Attribut natif : on ajoute
loading="lazy"aux images secondaires pour différer leur téléchargement sans script supplémentaire.
Quiz : testez vos connaissances
Quiz : testez vos connaissances
-
En quoi consiste le lazy-loading ?
- À supprimer définitivement les images les plus lourdes du site
- À charger toutes les images de la page en même temps dès l'arrivée
- À retarder le téléchargement des images tant qu'elles ne sont pas visibles à l'écran
Le lazy-loading diffère le chargement des éléments hors écran, si bien que la page s’affiche plus vite au départ.
Pour aller plus loin : Le chargement différé natif des images (loading=lazy)
-
Quelle erreur fréquente peut nuire à la visibilité quand on règle mal le chargement différé ?
- Le combiner avec un texte alternatif sur les images
- Le déclencher sur l'élément LCP, le visuel principal qui doit pourtant s'afficher le plus vite
- L'appliquer uniquement aux images placées tout en bas de page
Appliquer le chargement différé à l’élément LCP retarde le visuel principal, ce qui dégrade l’expérience et la visibilité.
Pour aller plus loin : Éviter le chargement différé de l’élément LCP
-
Quel risque court-on avec un lazy-loading mal réglé ?
- Empêcher les visiteurs de faire défiler la page
- Cacher son contenu à Google et nuire à sa visibilité
- Augmenter automatiquement la résolution des images
Mal appliqué, le chargement différé peut empêcher Google de voir le contenu et donc peser sur la visibilité.
Pour aller plus loin : Chargement différé : ne cachez pas votre contenu à Google
À propos de l'auteur
Besoin d'accompagnement SEO ?
Nos experts vous aident à mettre en pratique.