cloudphoto
Blog
Optimiser le LCP : soigner l'image « above the fold » (héros)
18 juin 2026
Optimiser le LCP : soigner l'image « above the fold » (héros)
Le LCP (Largest Contentful Paint) est l'un des Core Web Vitals les plus scrutés. Il mesure le temps nécessaire pour afficher le plus gros élément visible à l'ouverture d'une page — très souvent l'image de héros, en haut de page. La soigner, c'est agir sur le point de performance le plus visible aux yeux des visiteurs et des moteurs.
Pourquoi l'image du héros est décisive
C'est la première chose que voit l'internaute, et généralement l'élément le plus lourd de la partie visible. Tant qu'elle n'est pas affichée, la page paraît vide. Un LCP au-delà de 2,5 secondes est considéré comme insuffisant : réduire ce délai améliore aussitôt la perception de rapidité.
Les erreurs qui plombent le LCP
-
Une image trop lourde : plusieurs méga-octets pour une photo de couverture.
-
Un chargement différé mal placé : appliquer le lazy loading au héros retarde son affichage.
-
Des dimensions surdimensionnées : servir une image bien plus grande que l'espace réel.
-
Un format ancien : un JPEG lourd là où un format moderne diviserait le poids.
La bonne recette
Pour un héros performant, il faut cumuler plusieurs bonnes pratiques : dimensionner l'image exactement à la taille d'affichage, la compresser fortement mais proprement, la servir dans un format moderne, et surtout la charger en priorité — voire la précharger — plutôt que de la différer.
Ne pas oublier la stabilité
Un héros qui s'affiche vite mais fait sauter la mise en page à son arrivée dégrade le CLS. Il faut donc toujours réserver son espace en déclarant sa largeur et sa hauteur, afin que le reste du contenu ne se décale pas.
Comment faire concrètement
L'image de héros concentre tous les leviers d'optimisation en un seul endroit. Avec cloudphoto, vous la servez à la dimension exacte de votre bandeau, dans le meilleur format pour chaque navigateur (WebP, AVIF via le format automatique), fortement compressée (réduction typique de 84 à 99 %) et distribuée depuis un CDN mondial. En chargeant cette URL optimisée sans chargement différé et en réservant son espace, vous donnez à votre LCP les meilleures conditions possibles.
