Le Largest Contentful Paint mesure le moment où le plus grand élément de contenu visible dans la fenêtre d’affichage est affiché pendant le chargement de la page.
Ce que cela signifie
Le LCP est centré sur l’utilisateur : le candidat peut changer pendant le rendu de la page, et la valeur finale dépend du plus grand élément affiché avant toute interaction.
Une valeur LCP issue des données de terrain décrit l’expérience sur plusieurs visites ; elle n’identifie pas une cause unique et ne garantit pas de meilleur positionnement.
Comment l’évaluer
Repérez l’élément LCP dans une trace en laboratoire, puis distinguez le temps de réponse, la découverte de l’élément, le chargement et le délai de rendu.
Démarche pratique
- Définissez la tâche de l’utilisateur et l’ensemble des pages concernées.
- Repérez l’élément LCP dans une trace en laboratoire, puis distinguez le temps de réponse, la découverte de l’élément, le chargement et le délai de rendu.
- Choisissez la modification la plus limitée et réversible.
- Rendez l’élément critique détectable dès le début, puis vérifiez son résultat après rendu et, lorsqu’elles sont disponibles, les données de terrain.
- Revérifiez le résultat après rendu, puis conservez le périmètre et la date de la mesure.
Exemple concret et vérification
Par exemple, une page d’atterrissage peut afficher rapidement son logo et sa navigation, alors que sa plus grande image visible sans défilement reste introuvable tant que le JavaScript côté client ne s’est pas exécuté. La correction utile n’est pas de compresser toutes les images. Vérifiez le plus grand candidat dans une trace, puis contrôlez si son URL figure dans le HTML initial, si sa priorité de chargement est cohérente et si le rendu est bloqué derrière des traitements non critiques.
Limites et erreurs courantes
Optimiser une petite ressource alors que le véritable élément LCP est un autre revient à perdre son temps.