LCP (Largest Contentful Paint)
Le LCP (Largest Contentful Paint) est l'une des trois métriques Core Web Vitals. Il mesure le temps pour que le plus grand élément visible de la page soit affiché. L'objectif est un LCP inférieur à 2,5 secondes.
Explication approfondie
Quelles sont les causes d'un mauvais LCP et comment l'optimiser efficacement ?
Le LCP mesure la vitesse de chargement perçue : quand l’élément principal est visible, l’utilisateur perçoit que la page est chargée même si des éléments secondaires se chargent encore.
Les causes principales : une image principale trop lourde (format non optimisé), un serveur lent (TTFB élevé), un CSS ou JavaScript bloquant le rendu, et l’absence de préchargement de l’image principale.
Les solutions : convertir l’image en WebP et la compresser, ajouter fetchpriority= »high » et un preload dans le head, améliorer le TTFB via un CDN, et différer le JavaScript non critique.
Un site affiche une image hero JPEG de 1,8 Mo. Le LCP est de 4,8 secondes. En convertissant en WebP (280 Ko) et en ajoutant fetchpriority= »high », le LCP descend à 1,9 seconde — sous le seuil des 2,5 secondes recommandé par Google.
Questions fréquentes
FAQ — LCP (Largest Contentful Paint)
Via PageSpeed Insights, le rapport Core Web Vitals de Search Console (données terrain réelles sur 28 jours), et les Chrome DevTools. Les données terrain de Search Console sont les plus représentatives.
Google classe le LCP en trois catégories : Bon (moins de 2,5 s), À améliorer (2,5 à 4 s), Mauvais (plus de 4 s). L'objectif est d'atteindre Bon sur au moins 75% des visites.
C'est le cas le plus fréquent, mais pas systématique. L'élément LCP peut être un bloc de texte ou une vidéo. Les DevTools Chrome permettent d'identifier précisément quel élément est mesuré.
Vous avez un projet SEO ?
Mettons ce savoir en pratique pour votre site.