Web

LCP (Largest Contentful Paint)

Définition courte

Le LCP est l'indicateur Core Web Vitals qui mesure le temps que met la plus grande image ou le plus grand bloc de texte d'une page à devenir visible.

Le navigateur identifie, pendant le chargement de la page, quel élément couvre la plus grande surface, souvent une image principale, une bannière ou un titre. Le LCP est le temps jusqu'à ce que cet élément soit entièrement affiché à l'écran.

Il apparaît dans les rapports de PageSpeed Insights et Search Console. Le seuil officiel est de 2,5 secondes : en dessous, c'est bon, entre 2,5 et 4 secondes, à améliorer, au-delà, mauvais.

On le confond souvent avec le First Contentful Paint (FCP). Le FCP est le moment où un contenu quelconque apparaît en premier, tandis que le LCP est le moment où l'élément le plus grand, généralement le contenu réellement attendu, apparaît.

L'erreur la plus courante consiste à appliquer le chargement différé (lazy loading) à l'image hero visible dès l'ouverture de la page, comme à toutes les autres images, ce qui retarde sa découverte par le navigateur et allonge le LCP. La bonne approche consiste à réserver le chargement différé aux images situées plus bas et à marquer l'image hero visible pour que vous obteniez un chargement immédiat et prioritaire.

Pourquoi c'est important

Un visiteur qui attend une image principale ou un titre lent à charger suppose que la page n'a rien pour lui et repart. Réduire le LCP diminue cette perte et procure un avantage direct dans le classement des résultats de recherche.

Exemple illustratif

La photo d'accueil non compressée d'un fabricant de vêtements de travail poussait le LCP à cinq secondes ; changer le format de l'image l'a ramené à 1,8 seconde.

Termes liés

Article lié

Si vous ne savez pas par où commencer, ce n’est pas un problème ; vous êtes au bon endroit.

Le projet que vous avez en tête peut être déjà clair, ou encore une simple idée. Les deux nous conviennent. En un court appel, nous parlons ensemble d’où vous en êtes et où vous pouvez aller.

Fixons un appel
Parlons du projet