Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Le LCP (Largest Contentful Paint) est l'une des métriques suivies dans la section Performances du rapport Lighthouse.
Chaque métrique capture un aspect de la vitesse de chargement des pages.
Lighthouse affiche le LCP en quelques secondes:
Ce que le LCP mesure
Le LCP mesure le moment où le plus grand élément de contenu de la fenêtre d'affichage est affiché à l'écran. Cette méthode permet de déterminer approximativement quand le contenu principal de la page est visible par les utilisateurs. Pour en savoir plus sur la détermination du LCP, consultez la section Largest Contentful Paint défini.
Le tableau ci-dessous indique comment interpréter votre score LCP:
Durée LCP (en secondes)
Codes couleur
0-2.5
Vert (rapide)
2.5-4
Orange (modéré)
Plus de 4
Rouge (lent)
Améliorer votre score LCP
Si le LCP est une image, la chronologie peut être divisée en quatre phases.
Connaître les phases qui prennent le plus de temps peut vous aider à optimiser votre LCP.
Lighthouse affiche l'élément LCP ainsi que la répartition des phases dans l'outil de diagnostic "Largest Contentful Paint".
Phase LCP
Description
Délai avant le premier octet (TTFB)
Délai entre le moment où l'utilisateur lance le chargement de la page et le moment où le navigateur reçoit le premier octet de la réponse du document HTML. En savoir plus sur le TTFB
Délai de chargement
Delta entre le TTFB et le moment où le navigateur commence à charger la ressource LCP.
Temps de chargement
Temps nécessaire pour charger la ressource LCP elle-même.
Délai d'affichage
Delta entre la fin du chargement de la ressource LCP et le rendu complet de l'élément LCP.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2020/01/10 (UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Il n'y a pas l'information dont j'ai besoin"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Trop compliqué/Trop d'étapes"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Obsolète"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problème de traduction"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Mauvais exemple/Erreur de code"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Autre"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Facile à comprendre"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"J'ai pu résoudre mon problème"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Autre"
}]
{"lastModified": "Derni\u00e8re mise \u00e0 jour le 2020/01/10\u00a0(UTC)."}
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2020/01/10 (UTC)."]]