Largest Contentful Paint (LCP)
Définition du Largest Contentful Paint (LCP)
Le Largest Contentful Paint (LCP) est un indicateur de performance web qui mesure le temps nécessaire pour afficher le plus grand élément visible d'une page web après le début de son chargement. Cet élément peut être une image, un bloc de texte, une vidéo ou tout autre contenu qui occupe la plus grande surface à l'écran.
Le LCP se concentre sur l'élément le plus significatif visuellement pour l'utilisateur, généralement celui qui contient l'information principale de la page.
Pourquoi le LCP est-il essentiel ?
Le LCP reflète directement la vitesse perçue de chargement d'une page. Contrairement au First Contentful Paint qui mesure l'apparition du premier élément, le LCP s'intéresse au moment où le contenu principal devient visible.
Un bon LCP garantit que l'utilisateur voit rapidement l'information qu'il est venu chercher, ce qui améliore l'expérience utilisateur et réduit le taux de rebond. C'est également l'une des trois métriques Core Web Vitals utilisées par Google pour évaluer la qualité d'un site.
Quels sont les seuils LCP recommandés ?
Google classe les performances du LCP selon ces critères :
- 🟢 Bon : inférieur à 2,5 secondes
- 🟡 À améliorer : entre 2,5 et 4 secondes
- 🔴 Mauvais : supérieur à 4 secondes
Ces seuils sont mesurés sur le 75e percentile des visites réelles de votre site.
Comment améliorer le LCP ?
Pour optimiser le LCP, il faut accélérer le chargement de l'élément principal :
- Optimiser les images : compression, formats modernes (WebP, AVIF), dimensionnement approprié
- Précharger les ressources critiques : polices, images hero, CSS essentiel
- Améliorer les temps de réponse serveur et utiliser un CDN
- Éliminer les ressources bloquantes qui retardent l'affichage du contenu principal
L'objectif est de prioriser le chargement de ce qui compte vraiment pour l'utilisateur dès son arrivée sur la page.