Disponible pour missions & renforts d’agence · Réponse rapide, par la personne qui intervient

LCP : définition

Le LCP, Largest Contentful Paint, mesure le temps nécessaire pour afficher à l’écran le plus grand élément visible d’une page.

Décrire mon problème Discuter sur WhatsApp

Ce que le LCP mesure et pourquoi il compte

Sur une boutique en ligne, l’élément considéré comme le LCP est très souvent l’image principale d’une fiche produit ou un visuel de mise en avant sur la page d’accueil. Google mesure le temps écoulé entre le début du chargement et le moment où cet élément apparaît entièrement à l’écran, pas seulement quand le HTML est reçu.

Un LCP lent donne au visiteur l’impression que le site met du temps à s’afficher, même si d’autres éléments sont déjà visibles. Google considère un LCP inférieur à 2,5 secondes comme bon, entre 2,5 et 4 secondes comme à améliorer, au-delà comme faible. Sur une fiche produit, un LCP dégradé s’explique souvent par une image trop lourde, l’absence de préchargement, ou un temps de réponse serveur déjà élevé.

Contrairement au TTFB, le LCP dépend aussi du poids des ressources et de l’ordre de chargement du CSS et du JavaScript.

Questions fréquentes

Le LCP peut-il concerner du texte plutôt qu’une image ?
Oui, si le plus grand élément visible est un bloc de texte, par exemple un gros titre, c’est lui qui sera pris en compte plutôt qu’une image.
Le lazy loading peut-il dégrader le LCP ?
Oui si l’image concernée par le LCP est chargée en différé : elle doit au contraire être chargée en priorité, puisqu’elle est visible dès l’arrivée sur la page.
Le LCP est-il le même sur toutes les pages d’une boutique ?
Non, il varie selon le contenu de chaque page : fiche produit, page catégorie et accueil ont souvent des éléments, donc des LCP, différents à surveiller séparément.

Décrivez votre besoin en 1 minute

Quelques questions ciblées pour que je vous réponde avec une estimation, pas avec un questionnaire de plus.

Pourquoi cette définition vous intéresse-t-elle ?
Quelle est votre plateforme, si vous en avez déjà une ? (facultatif)
Une question précise en tête ? (facultatif)

Posez-la telle quelle, la réponse vous reviendra directement.

Indiquez au moins un e-mail ou un téléphone pour que je puisse vous répondre.

Indiquez au moins un e-mail ou un téléphone pour que je puisse vous répondre.