LCP : définition, seuils et optimisation

Le LCP identifie le plus grand élément visible dans le viewport au chargement de la page — généralement une image hero, une photo de produit, un bloc de texte ou une vidéo — et mesure le délai entre le début du chargement et le moment où cet élément est entièrement affiché.

Les seuils officiels Google :

• Bon (vert) : moins de 2,5 secondes
• À améliorer (orange) : entre 2,5 et 4 secondes
• Mauvais (rouge) : au-delà de 4 secondes

Les principales causes d'un mauvais LCP sont :

• Des images trop lourdes ou non préchargées
• Des ressources CSS et JavaScript bloquant le rendu
• Un TTFB élevé lié à un serveur lent
• L'absence de mise en cache efficace

Google estime qu'une amélioration d'une seconde du LCP peut augmenter les conversions de 8 % sur mobile.

Le LCP est la métrique Core Web Vitals la plus importante pour l'expérience perçue, car elle correspond au moment où l'utilisateur juge que la page est « chargée ».

Un LCP supérieur à 4 secondes entraîne des taux d'abandon significativement plus élevés. Le LCP est également l'un des trois signaux officiels du classement Google depuis 2021, ce qui en fait un levier direct de SEO.

1. 1Préchargez l'image hero avec `<link rel="preload">` et l'attribut `fetchpriority="high"`.
2. 2Compressez vos images et convertissez-les en WebP ou AVIF.
3. 3Configurez un CDN pour réduire la latence réseau.
4. 4Optimisez votre TTFB en activant la mise en cache côté serveur.
5. 5Évitez les scripts bloquants avant le contenu principal en les chargeant de manière asynchrone.
6. 6Auditez régulièrement vos scores LCP via PageSpeed Insights sur les données terrain réelles.