Glossaire

LCP (Largest Contentful Paint)

Le LCP (Largest Contentful Paint) mesure le temps nécessaire pour afficher le plus grand élément visible d'une page — le plus souvent l'image de bannière ou la photo principale d'une fiche produit. C'est le moment où le visiteur a le sentiment que la page est arrivée.

Le seuil et ce qu’il représente

Google considère le LCP bon en dessous de 2,5 secondes, à améliorer entre 2,5 et 4 s, et mauvais au-delà. La mesure retenue est celle du 75ᵉ centile : trois visiteurs sur quatre doivent passer sous le seuil, ce qui écarte l'illusion d'une moyenne tirée vers le bas par quelques connexions rapides.

Ce qui le dégrade le plus souvent

Une image de bannière non compressée ou servie en pleine résolution, un TTFB serveur déjà élevé, des polices web bloquantes, un carrousel chargé en JavaScript avant l'affichage. Sur une fiche produit, l'image principale est presque toujours l'élément LCP : la servir en WebP au bon format change la métrique à elle seule.

Les leviers qui fonctionnent

Compresser et dimensionner correctement l'image principale, la précharger, éviter de la charger en différé — le lazy-loading appliqué à l'élément LCP produit exactement l'effet inverse de celui recherché. Ensuite seulement, s'attaquer au serveur et au JavaScript bloquant.

Questions fréquentes

Pourquoi mon LCP est-il bon sur ordinateur et mauvais sur mobile ?

Le mobile cumule un processeur plus lent, une connexion souvent moins bonne et un viewport différent qui peut désigner un autre élément comme le plus grand. C'est la mesure mobile qui compte, la majorité du trafic e-commerce s'y trouve.

Le lazy-loading améliore-t-il le LCP ?

Sur les images situées plus bas dans la page, oui. Appliqué à l'image principale visible d'emblée, il retarde son chargement et dégrade directement le LCP.

Surveillez tout cela sans y penser

KLN Monitoring suit la disponibilité, la sécurité et la performance de votre site 24/7 — et vous dit quoi en faire.

14 jours offerts · puis 29,90 €/mois