Définition
Le lazy loading est une technique d'optimisation qui consiste a differer le chargement des ressources non visibles immediatement (images, iframes, videos) jusqu'a ce que l'utilisateur scrolle vers elles. Cela reduit le temps de chargement initial et la consommation de bande passante. L'attribut HTML natif loading='lazy' est supporte par les navigateurs modernes. Le lazy loading est recommande par Google pour ameliorer les Core Web Vitals, mais il faut eviter de l'appliquer aux images au-dessus de la ligne de flottaison pour ne pas degrader le LCP.
Points clés à retenir
- Reduit le temps de chargement initial en differant les ressources hors viewport
- Attribut natif HTML : loading='lazy' (supporte par les navigateurs modernes)
- Ne pas appliquer aux images above-the-fold pour ne pas degrader le LCP
Exemples concrets
Images d'un article long
Un article de blog avec 30 images charge initialement seulement les 3 premieres visibles, economisant 85% de bande passante au chargement initial.
Attribut natif HTML
L'ajout de loading='lazy' sur les balises img sous la ligne de flottaison reduit le poids initial de la page de 4 Mo a 800 Ko.
Questions fréquentes
Google supporte le lazy loading natif et le recommande. Assurez-vous d'utiliser loading='lazy' ou une solution compatible avec le crawl Google pour que les images soient bien indexees.
Non, les images au-dessus de la ligne de flottaison (above-the-fold) doivent se charger immediatement pour ne pas degrader le LCP. Le lazy loading est reserve aux images plus bas dans la page.
Termes liés
Aller plus loin avec LemmiLink
Découvrez comment LemmiLink peut vous aider à mettre en pratique ces concepts SEO.
Dernière mise à jour : 2026-02-07