Qu'est-ce que le LCP (Largest Contentful Paint) ? Définition et norme

LCP signifie Largest Contentful Paint et mesure la vitesse à laquelle le plus grand élément visible de votre page apparaît, généralement une image hero ou un grand bloc de texte. C’est l’un des trois Core Web Vitals avec lesquels Google évalue l’expérience de chargement. Un bon LCP se situe sous 2,5 secondes. Dans cet article, vous découvrez ce qu’est précisément le LCP, pourquoi il compte et comment améliorer votre score.

Qu’est-ce que le LCP exactement ?

Lorsqu’un visiteur ouvre votre page, les éléments n’apparaissent pas tous en même temps. Le LCP mesure le moment où le plus grand élément de la partie visible de l’écran a fini de charger. C’est l’image que le visiteur perçoit comme “la page est là maintenant”.

Selon web.dev, la source de Google sur les performances web, ce plus grand élément est le plus souvent une grande image, une affiche vidéo ou un grand bloc de texte. Tant que cet élément n’est pas visible, votre visiteur fixe une page vide ou à moitié chargée.

Le LCP n’est donc pas un chiffre technique abstrait. Il approche assez fidèlement la vitesse à laquelle un visiteur estime que votre site “fonctionne”. Il fait partie de vos Core Web Vitals et donc de votre SEO technique au sens large. Vous voulez savoir ce que rapporte un site plus rapide et mieux trouvable ? Découvrez notre approche du SEO.

Qu’est-ce qu’un bon score LCP ?

Google applique trois seuils clairs, mesurés au 75e percentile de vos visiteurs :

• Bon : sous 2,5 secondes. C’est là que vous voulez être.
• Amélioration nécessaire : entre 2,5 et 4 secondes. Cela demande de l’attention.
• Mauvais : au-delà de 4 secondes. Les visiteurs décrochent.

Important : mesurez toujours sur mobile. La connexion y est plus lente et l’expérience plus lourde, c’est donc là que votre score se joue.

Où passe votre temps de LCP ?

Un LCP lent ressemble à un seul problème, mais il se compose selon web.dev de quatre phases successives. Savoir où le temps disparaît, c’est déjà la moitié de la solution. Le tableau ci-dessous montre ce qu’est chaque phase et sur quoi agir pour la raccourcir.

Dans la pratique, nous constatons que la première et la dernière phase sont les coupables les plus fréquents : un hébergement lent au début et des scripts lourds à la fin. Entre les deux se cache généralement une image trop volumineuse.

Pourquoi le LCP compte-t-il pour votre référencement ?

Le LCP fait partie, avec l’INP et le CLS, des Core Web Vitals, et ceux-ci sont un facteur de classement officiel au sein des signaux page experience de Google. Mais ne sous-estimez pas non plus l’effet sur les positions : c’est avant tout un facteur de chiffre d’affaires.

Une page qui s’affiche lentement fait fuir les visiteurs avant qu’ils ne voient votre offre ou votre formulaire. En B2B, où un seul lead qualifié vaut cher, chaque abandon signifie du chiffre d’affaires perdu. Améliorer le LCP n’est donc pas une affaire de chiffre, mais de leads qui restent.

Un exemple concret

Imaginez : un prestataire de services B2B affiche une grande photo d’ambiance en haut de sa page de devis. Cette photo est l’élément LCP : tant qu’elle n’est pas chargée, le visiteur ne voit surtout que du blanc. Si cette photo est par mégarde en lazy loading et que le site tourne sur un hébergement lent, le LCP grimpe vite vers les quatre secondes. Le prospect qui vient de cliquer sur votre résultat de recherche fixe entre-temps une page vide et s’en va avant que votre formulaire n’apparaisse. Ce sont précisément ces pages, où l’intention d’achat est la plus forte, qui souffrent le plus d’un hero lent. Compressez cette photo et chargez-la immédiatement, et le LCP retombe souvent d’un coup dans la zone verte.

Comment mesurer votre LCP ?

Gratuit et rapide :

• PageSpeed Insights. Collez votre URL et vous voyez votre LCP ainsi que des points d’amélioration concrets.
• Google Search Console. Affiche les Core Web Vitals pour tout votre site et les pages qui demandent de l’attention.
• Google Lighthouse. Intégré à Chrome, pratique pendant le développement.

Comment améliorer votre LCP ?

Les plus gros gains se situent généralement ici :

• Réduisez votre plus grand visuel. Compressez votre image hero et utilisez des formats modernes. Voyez optimiser les images pour le SEO.
• Un hébergement et un serveur rapides. Un temps de réponse serveur lent ralentit tout le reste. Lisez notre article sur l’amélioration du TTFB.
• Ne chargez pas votre visuel principal en lazy loading. C’est une erreur classique. N’activez le lazy loading que pour les visuels sous la ligne de flottaison, jamais pour votre image hero.
• Limitez les scripts et le CSS bloquant le rendu. Ils retiennent inutilement votre page.

Une grande partie de ce travail se passe sous le capot. Un bon développeur ou un audit SEO identifie rapidement ce qui freine votre LCP.

Erreurs fréquentes liées au LCP

Un mauvais LCP vient rarement d’un seul gros problème. C’est le plus souvent la somme de petits faux pas faciles à éviter.

• Charger votre image hero en lazy loading. Le grand classique. Le lazy loading convient parfaitement aux visuels sous la ligne de flottaison, mais sur votre plus grand élément en haut de page il produit l’effet inverse : vous retardez précisément la partie qui détermine votre LCP.
• Mesurer uniquement sur desktop. Sur votre portable de bureau rapide, tout semble fluide. Google vous évalue au 75e percentile de vrais visiteurs, et ceux-ci sont souvent sur mobile avec une connexion plus lente. Mesurez là.
• Afficher une photo non compressée sur mobile. La même image de quelques mégaoctets, encore acceptable sur desktop, devient un boulet sur un téléphone. Servez une version plus petite pour les petits écrans.
• Vouloir tout corriger en même temps. Celui qui bricole sans mesurer perd du temps sur des phases déjà assez rapides. Mesurez d’abord où le temps disparaît (voyez le tableau ci-dessus), puis attaquez la phase la plus lourde.

Honnêtement : quand le LCP est une priorité (et quand il ne l’est pas)

Nous préférons le dire d’emblée. Si votre LCP se situe déjà confortablement sous les 2,5 secondes, poursuivre le réglage fin en vaut rarement la peine. Pilotez alors sur le contenu, l’autorité et la conversion, car c’est là que se trouve votre croissance. Gagner quelques dixièmes de seconde sur un site déjà rapide ne vous rapporte aucun client supplémentaire.

Le LCP ne devient une priorité que lorsque votre score est dans la zone orange ou rouge et que vous avez assez de trafic pour percevoir la différence. Mesurer pour mesurer est du gaspillage. Pilotez sur les clients et le chiffre d’affaires, pas sur un score parfait.

Votre LCP est mauvais ?

Nous identifions ce qui ralentit votre page et le résolvons à la racine, pour que vous chargiez plus vite et convertissiez davantage de visiteurs en leads. Nous sommes une petite équipe qui avance vite et qui fait plus que ce que vous attendez.

Planifiez votre entretien gratuit.

Questions fréquentes sur le LCP

Qu’est-ce qu’une bonne valeur de LCP ? Sous 2,5 secondes, c’est bon ; entre 2,5 et 4 secondes, une amélioration est nécessaire ; au-delà de 4 secondes, c’est mauvais. Google mesure cela au 75e percentile de vos visiteurs, comptez donc surtout sur vos scores mobiles.

Quelle est la différence entre le LCP et le temps de chargement de la page ? Le temps de chargement complet mesure jusqu’à ce que tout soit prêt, y compris des éléments que le visiteur ne voit pas. Le LCP mesure spécifiquement le moment où le plus grand élément visible apparaît, ce qui est beaucoup plus proche de la vitesse perçue.

Quel élément détermine généralement mon LCP ? Souvent votre plus grande image en haut de page, une affiche vidéo ou un grand bloc de texte. Avec PageSpeed Insights, vous voyez précisément quel élément est, dans votre cas, l’élément LCP.

Pourquoi mon LCP est-il mauvais malgré un hébergement rapide ? Une cause fréquente est que votre plus grand visuel est chargé en lazy loading, ou que des scripts et du CSS lourds bloquent le rendu. Chargez votre image hero immédiatement et limitez les ressources bloquant le rendu.