Largest Contentful Paint (LCP)
Largest Contentful Paint (LCP) est la métrique qui vous permet de mesurer le temps de chargement du plus grand élément visuel d'un site.
Pour mesurer tout de suite le LCP d'une page, utilisez le vérificateur Core Web Vitals gratuit.
Considéré comme l'un des paramètres les plus significatifs des Core Web Vitals, le Largest Contentful Paint (LCP) mesure la vitesse de chargement perçue ou la rapidité avec laquelle le contenu principal d'une page web se charge et est visible par les utilisateurs.
Qu'est-ce que le Largest Contentful Paint (LCP) ?
La métrique Largest Contentful Paint (LCP) rapporte le temps de rendu de la plus grande image ou du plus grand bloc de texte visible dans la zone d'affichage, par rapport au moment où la page a commencé à se charger.
Google considère qu'un LCP de 2,5 secondes ou moins est bon, mesuré au 75e centile des chargements de page. Voir les seuils des Core Web Vitals.
Types de contenu pris en compte :
- Images, y compris les images dans les SVG.
- Miniatures vidéo (images d'affiche).
- Images d'arrière-plan avec CSS.
- Éléments de texte, tels que les paragraphes, les titres et les listes.
Comment améliorer le Largest Contentful Paint (LCP) ?
Le Largest Contentful Paint (LCP) est principalement affecté par quatre facteurs :
- Temps de réponse lents du serveur
- JavaScript et CSS bloquant le rendu
- Temps de chargement des ressources
- Rendu côté client
Voir ce qui a retardé le LCP dans votre résultat
La section Diagnostic de performance d'un résultat Page Speed affiche l'Élément Largest Contentful Paint de cette exécution, et la Décomposition du LCP répartit son temps en quatre phases :
- Temps jusqu'au premier octet : la réponse du serveur
- Délai avant le chargement de la ressource : l'attente avant que l'image du LCP commence à se télécharger
- Temps de chargement de la ressource : le téléchargement lui-même
- Délai d'affichage de l'élément : le temps entre la fin du téléchargement et l'apparition de l'élément
La phase la plus longue est celle par laquelle commencer. Un long délai avant chargement signifie souvent, par exemple, que l'image est découverte tard ; vous pouvez tester un préchargement avec une expérience Page Speed avant de le déployer. La même section affiche aussi Éléments qui se sont déplacés et Temps CPU par script.
Pour être notifié lorsque le LCP se dégrade, créez une alerte sur Largest Contentful Paint.
Chaque panneau d'un résultat, y compris la décomposition du LCP, est expliqué dans Lire un résultat Page Speed.