LCP (Largest Contentful Paint)
Le LCP mesure le temps nécessaire pour afficher le plus grand élément visible d'une page web — un indicateur clé de la vitesse de chargement perçue.
Le Largest Contentful Paint (LCP) est l'un des trois Core Web Vitals de Google. Il mesure le temps écoulé entre le début du chargement de la page et l'instant où le plus grand élément visible dans la fenêtre — généralement une image hero, une image de produit, une vidéo ou un bloc de texte large — est entièrement rendu. Le LCP est le meilleur indicateur de la vitesse de chargement perçue par l'utilisateur, c'est-à-dire le moment où la page semble prête.
Selon les standards Google, un LCP inférieur à 2,5 secondes est considéré "Bon", entre 2,5 et 4 secondes il est "À améliorer", et au-delà de 4 secondes il est "Mauvais". Les causes les plus fréquentes d'un LCP dégradé sont : des images non optimisées ou non priorisées (manque de fetchpriority sur l'image hero), des ressources CSS ou JavaScript bloquant le rendu, des temps de réponse serveur lents (TTFB élevé), des polices web chargées tardivement, et l'absence de CDN pour les utilisateurs géographiquement distants du serveur.
Les optimisations spécifiques au LCP comprennent : utilisation de formats d'image modernes (WebP, AVIF), attribution explicite des dimensions des images, implémentation du preloading de l'image LCP via la balise link rel="preload", déplacement des CSS critiques inline pour éviter les requêtes bloquantes, activation du HTTP/2 ou HTTP/3, et mise en place d'une stratégie de mise en cache CDN agressive. Next.js et les frameworks modernes gèrent une partie de ces optimisations automatiquement via leur composant Image.
L'équipe dev d'une agence ajoute `fetchpriority="high"` et `loading="eager"` à l'image hero d'une homepage, et pré-charge la police principale, faisant passer le LCP de 3,4 s à 1,6 s sur mobile.
Besoin d'un expert en Développement web ?
Découvrez nos services et comment nous pouvons vous aider.
Termes associés
Core Web Vitals
Les Core Web Vitals sont les trois métriques de performance web définies par Google (LCP, INP, CLS) utilisées comme facteur de classement SEO.
CLS (Cumulative Layout Shift)
Le CLS mesure l'instabilité visuelle d'une page web en quantifiant les déplacements inattendus d'éléments pendant le chargement — un facteur UX et SEO.
SSR (Server-Side Rendering)
Le SSR est une technique de rendu web où le HTML d'une page est généré côté serveur à chaque requête, améliorant SEO et performance de chargement initial.