La méthode native
Les navigateurs gèrent le chargement différé avec un simple attribut, sans JavaScript. Google voit ces images sans difficulté.
<!-- Image sous la ligne de flottaison : chargement différé -->
<img src="galerie-1.webp" alt="..." width="600" height="400" loading="lazy">
<!-- Image principale du haut de page : jamais en lazy -->
<img src="hero.webp" alt="..." width="1200" height="600" fetchpriority="high">Les pièges
- Différer l'image principale : c'est l'erreur la plus courante, elle dégrade directement le LCP
- Oublier width et height : l'image en arrivant fait sauter la mise en page (CLS)
- Utiliser un script qui ne charge l'image qu'au défilement : Google ne fait pas défiler la page et peut ne jamais la voir
Termes liés
- SEO des imagesOptimisation des images d'un site pour qu'elles se chargent vite, soient comprises par Google et apparaissent dans Google Images.
- Vitesse de chargementTemps nécessaire pour qu'une page web s'affiche complètement dans le navigateur de l'utilisateur.
- LCP (Largest Contentful Paint)Core Web Vital qui mesure le temps d'affichage du plus grand élément visible d'une page. Bon score : moins de 2,5 secondes.
- Core Web VitalsEnsemble de métriques Google mesurant l'expérience utilisateur : vitesse de chargement, interactivité et stabilité visuelle.