Le LCP (Largest Contentful Paint) est une métrique des Core Web Vitals qui mesure le temps d'affichage du plus grand élément de contenu visible dans la fenêtre d'affichage. Un LCP inférieur à 2,5 secondes est considéré comme bon par Google. Cette métrique reflète la vitesse de chargement perçue par l'utilisateur et constitue un facteur de classement SEO direct.
Le Largest Contentful Paint mesure le moment précis où le plus grand élément visible de la page termine son rendu dans le viewport. Les éléments pris en compte par le navigateur sont :
<img>) — Y compris les images de premier plan et les images SVG.background-image: url().<h1>, <p>, etc.).Le navigateur rapporte continuellement de nouveaux candidats LCP à mesure que la page se charge. Le dernier candidat rapporté avant que l'utilisateur interagisse (clic, scroll, frappe) devient le LCP final.
Google définit trois niveaux de performance pour le LCP, mesurés au 75e percentile des visites réelles :
| Temps LCP | Évaluation | Impact utilisateur |
|---|---|---|
| ≤ 2,5 s | Bon | Chargement perçu comme rapide, taux de rebond faible |
| 2,5 s – 4 s | À améliorer | Chargement perceptible, risque d'abandon accru |
| > 4 s | Mauvais | 53 % des visiteurs mobiles quittent la page |
Pour optimiser efficacement le LCP, il faut comprendre ses quatre sous-parties. Chacune représente une étape du processus de chargement :
Plusieurs facteurs contribuent à un LCP dégradé. Voici les causes les plus fréquentes :
<head> qui retardent l'affichage.srcset).<link rel="preload" as="image" href="hero.webp"> dans le <head> pour la prioriser.media="print".defer ou async sur les scripts tiers.loading="lazy" retarde le chargement et dégrade le LCP.Mesurez gratuitement le LCP de votre site et recevez un diagnostic complet avec des recommandations d'optimisation personnalisées.
