Définition
Le lazy loading est une technique d'optimisation qui consiste à differer le chargement des ressources non visibles immédiatement (images, iframes, vidéos) jusqu'a ce que l'utilisateur scrolle vers elles. Cela réduit 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 recommandé par Google pour améliorer les Core Web Vitals, mais il faut éviter de l'appliquer aux images au-dessus de la ligne de flottaison pour ne pas dégrader le LCP.
Points clés à retenir
- Réduit 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 dégrader le LCP
Exemples concrets
Images d'un article long
Un article de blog avec 30 images charge initialement seulement les 3 premières 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 réduit le poids initial de la page de 4 Mo a 800 Ko.
Questions fréquentes
Google supporte le lazy loading natif et le recommandé. Assurez-vous d'utiliser loading='lazy' ou une solution compatible avec le crawl Google pour que les images soient bien indexées.
Non, les images au-dessus de la ligne de flottaison (above-the-fold) doivent se charger immédiatement pour ne pas dégrader le LCP. Le lazy loading est réserve 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