LCP : que mesure le Largest Contentful Paint ?
La mesure qui répond à la question du visiteur : « Est-ce que la page est enfin là ? »
Le LCP (Largest Contentful Paint) est le temps écoulé entre le début de la navigation et l'affichage du plus grand élément visible à l'écran, souvent une photo ou un bloc de texte. Selon web.dev, un LCP de 2,5 secondes ou moins est bon ; au-delà de 4 secondes, il est jugé mauvais.
En bref
- Le LCP chronomètre l'élément principal, pas la page entière.
- Bon : 2,5 s ou moins. Mauvais : plus de 4 s.
- Images, vidéos, images de fond et blocs de texte peuvent être l'élément LCP.
- C'est l'un des trois Core Web Vitals, avec l'INP et le CLS.
Que chronomètre exactement le LCP ?
Web.dev définit le LCP comme le temps de rendu de la plus grande image, du plus grand bloc de texte ou de la plus grande vidéo visible dans la fenêtre, mesuré à partir du moment où l'utilisateur a commencé à naviguer vers la page [1].
Ce n'est donc pas la fin du chargement de tout le site. Une page peut encore télécharger des scripts en arrière-plan alors que le visiteur voit déjà la photo d'accueil et le titre : à ses yeux, la page est prête. Le LCP capte précisément ce moment.
C'est l'un des trois Core Web Vitals, avec l'INP pour la réactivité et le CLS pour la stabilité [2].
Quels éléments peuvent devenir l'élément LCP ?
| Type d'élément | Exemple sur un site de PME de services |
|---|---|
| Élément img | Photo de l'équipe devant le camion de service |
| Élément image dans un SVG | Illustration vectorielle d'une maison |
| Élément video | Vidéo de présentation d'un chantier |
| Élément avec image de fond chargée par url() en CSS | Bandeau d'accueil avec photo en arrière-plan |
| Bloc contenant du texte | Gros titre « Déneigement à Rimouski » |
Les dégradés CSS ne comptent pas comme image de fond [1].
Quels sont les seuils du LCP ?
Web.dev classe un LCP de 2,5 secondes ou moins comme bon, de plus de 2,5 jusqu'à 4 secondes comme à améliorer, et de plus de 4 secondes comme mauvais [1]. La valeur à retenir est celle du 75e centile des chargements, séparée entre mobile et ordinateur [2].
La documentation de Google Search Central reprend la même cible : viser un LCP dans les 2,5 premières secondes du chargement [3].
Combien de temps gagne-t-on en allégeant une photo ?
Pourquoi le LCP est-il souvent mauvais sur les sites de PME ?
Les sites de services misent sur une grande photo d'accueil, prise au téléphone et téléversée sans retouche. Elle devient l'élément LCP et pèse plusieurs mégaoctets. S'ajoutent un thème lourd, des polices téléchargées et des carrousels qui retardent l'affichage du premier visuel.
Pour une entreprise dont le client cherche « électricien urgence » sur son téléphone, chaque seconde d'écran blanc est une seconde où il peut revenir aux résultats et appeler le concurrent suivant.
Quelles erreurs fait-on avec le LCP ?
- Mesurer seulement la page d'accueil alors que la page de réservation ou de soumission est celle qui rapporte.
- Charger la photo d'accueil en différé : l'élément le plus important arrive alors en dernier.
- Confondre LCP et temps de chargement complet de la page.
- Tester sur un ordinateur de bureau branché à la fibre et conclure que tout va bien.
- Remplacer la photo par un carrousel de cinq images : le problème est multiplié.
Pilotiko agit-il sur le LCP ?
Pilotiko n'annonce pas de mesure du LCP. Il construit et héberge le site de votre entreprise, avec versions et retour arrière, et génère les éléments de référencement naturel comme le sitemap XML. Pour connaître votre LCP réel, consultez le rapport Core Web Vitals de la Search Console.
Questions fréquentes
Qu'est-ce qu'un bon LCP ?
Un LCP de 2,5 secondes ou moins, mesuré au 75e centile des visites, est jugé bon par web.dev. Entre 2,5 et 4 secondes, il est à améliorer ; au-delà de 4 secondes, il est mauvais.
Comment savoir quel élément est mon élément LCP ?
Les outils de diagnostic de performance des navigateurs indiquent l'élément retenu pour une page donnée. Sur un site de services, c'est très souvent la photo d'en-tête ou le grand titre.
Le LCP mesure-t-il le chargement complet de la page ?
Non. Il mesure le moment où le plus grand élément visible s'affiche. Des scripts ou des images plus bas dans la page peuvent encore se charger après.
Un logo peut-il être l'élément LCP ?
Oui, si c'est le plus grand élément visible au chargement, ce qui arrive sur des pages au contenu très court. En général, une photo ou un titre plus grand l'emporte.
Le LCP est-il identique sur mobile et sur ordinateur ?
Non. L'écran, la puissance et la connexion changent, et l'élément LCP lui-même peut différer. Web.dev recommande de suivre les deux séparément.
Le LCP suffit-il pour juger la vitesse d'un site ?
Non. Il ne dit rien de la réactivité aux clics, mesurée par l'INP, ni de la stabilité, mesurée par le CLS. Il faut regarder les trois ensemble.
Sources
- web.dev (Google), Largest Contentful Paint (LCP) (version française) (consulté le 15 octobre 2026).
- web.dev (Google), Web Vitals (version française) (consulté le 15 octobre 2026).
- Google Search Central, Comprendre les Core Web Vitals et les résultats de recherche Google (consulté le 15 octobre 2026).
À lire ensuite
Core Web Vitals : que mesurent les signaux Web essentiels ?
Core Web Vitals : les trois mesures de Google (LCP, INP, CLS), leurs seuils officiels, un exemple chiffré pour une PME de services et les erreurs courantes.
INP : comment mesure-t-on la réactivité d'une page ?
INP : la mesure de réactivité de Google qui a remplacé le FID. Interactions comptées, seuil de 200 ms, exemple d'un formulaire de réservation et erreurs.
CLS : comment mesure-t-on les décalages de mise en page ?
CLS : le score de stabilité visuelle de Google. Formule, fenêtres de session, seuil de 0,1, calcul d'un décalage réel sur un site de PME et erreurs à éviter.