Répartition du LCP

Le Largest Contentful Paint (LCP) est une métrique Core Web Vitals qui mesure la rapidité avec laquelle le plus grand élément de contenu visible (image, bloc de texte ou vidéo) apparaît dans la fenêtre d'affichage. Un bon score LCP est de 2,5 secondes ou moins.

La Répartition du LCP donne des indications sur les sous-parties qui posent problème et doivent être améliorées.

Consultez la documentation officielle de PageSpeed.

Chaque sous-partie comporte des stratégies d'amélioration spécifiques. Idéalement, la plupart du temps LCP devrait être consacré au chargement des ressources et non aux délais.

Comprendre la répartition du LCP

Le LCP mesure le temps écoulé entre la navigation et le rendu complet du plus grand élément au-dessus de la ligne de flottaison. Il se compose de quatre phases :

• Time to First Byte (TTFB): temps de réponse du serveur.
• Délai de chargement de la ressource : Attente avant le chargement de la ressource LCP.
• Durée de chargement de la ressource : Temps pour aller chercher la ressource (image, police, etc.).
• Délai d'affichage de l'élément : Temps nécessaire au rendu après le chargement des ressources.

Un LCP lent résulte souvent d'images lourdes, de CSS/JS bloquant le rendu, de mauvaises performances du serveur ou d'un retard dans la hiérarchisation des ressources.

Comment améliorer la répartition LCP avec WP Rocket

La répartition du LCP fournit des informations utiles. Pour améliorer le score LCP, utilisez des fonctionnalités telles que Supprimer les ressources CSS inutilisées et Reporter l’exécution du JavaScript.

Veuillez consulter l'article Largest Contentful Paint pour en savoir plus sur les mesures pouvant être prises dans WP Rocket pour l'améliorer, ainsi que sur d'autres méthodes permettant d'améliorer le LCP en dehors de WP Rocket.

Comment WP Rocket pourrait aggraver la situation

• LazyLoad pour les images : s'il est appliqué à l'image LCP, il retarde le rendu.
  Solution : excluez l'image LCP du LazyLoad dans les réglages de WP Rocket.