# LCP (Largest Contentful Paint)

> Le LCP (Largest Contentful Paint) est la metrique des Core Web Vitals de Google qui mesure le temps necessaire pour afficher le plus grand element visible dans la fenetre du navigateur, generalement une image hero, une video ou un bloc de texte volumineux. Exprime en secondes, il marque le moment ou l'utilisateur percoit que la page a charge l'essentiel de son contenu principal. Google considere un LCP inferieur ou egal a 2,5 secondes comme bon, entre 2,5 et 4 secondes comme a ameliorer, et superieur a 4 secondes comme mauvais. Mesure sur le 75e centile des visites reelles, le LCP est un signal officiel de classement depuis l'integration des Core Web Vitals dans l'algorithme. Un LCP rapide ameliore l'experience percue, reduit le taux de rebond et envoie un signal de qualite technique aux moteurs comme aux modeles d'IA qui valorisent la performance des sources citees.

[source]: https://luwiz.io/glossaire/lcp

---

Le LCP fait partie des trois [Core Web Vitals](/glossaire/core-web-vitals) que Google utilise pour evaluer la qualite technique d'une page. Contrairement aux anciennes mesures de vitesse purement techniques, il se concentre sur ce que l'utilisateur percoit vraiment : le moment ou le contenu principal devient visible a l'ecran.

## Comment ca marche

Le navigateur surveille les elements affiches dans la fenetre visible (viewport) et identifie en continu le plus grand d'entre eux. Cet element est souvent une image hero, une banniere, une video poster ou un grand bloc de texte. Le LCP enregistre l'instant ou ce plus grand element finit de s'afficher. La mesure s'arrete des que l'utilisateur interagit avec la page.

Google calcule votre score sur le 75e centile des chargements reels : autrement dit, 75 % de vos visiteurs doivent obtenir un LCP au moins aussi bon que le seuil vise.

## Comment ameliorer son LCP

Les leviers les plus efficaces agissent en amont de l'affichage :

- Reduire le [TTFB](/glossaire/ttfb) en optimisant le serveur, le cache et le CDN.
- Compresser et dimensionner correctement l'image hero, la servir en WebP ou AVIF.
- Precharger l'element LCP avec une balise `preload`.
- Eliminer les ressources bloquantes (CSS et JavaScript) au-dessus de la ligne de flottaison.
- Eviter le chargement differe (lazy-loading) sur l'image principale.

<Callout label="A retenir">Le LCP ne mesure pas la vitesse brute mais le confort percu : optimisez d'abord l'element le plus visible de l'ecran, pas la page entiere.</Callout>

## Pourquoi c'est important

Un LCP rapide ameliore l'experience utilisateur, fait baisser le taux de rebond et constitue un signal de classement officiel. Au-dela du SEO classique, les moteurs de reponse et les IA generatives privilegient des sources techniquement fiables : une page lente envoie un signal de moindre qualite. Optimiser le LCP, c'est donc renforcer simultanement votre referencement et votre citabilite par les IA.
