Glossaire · Vitesse et expérience mobile
LCP – Largest Contentful Paint
On dit aussi Affichage du plus grand élément visible
Le LCP (Largest Contentful Paint) est un indicateur Core Web Vital qui mesure le temps nécessaire pour afficher l’élément principal visible d’une page (généralement une image ou un bloc de texte).
Points clés
- Doit être < 2,5 secondes pour un bon score SEO
- Indicateur clé de la vitesse de chargement perçue
- Mesuré par PageSpeed Insights, GSC ou Lighthouse
À ne pas confondre avec
- CLS – Cumulative Layout Shift
Le LCP mesure la vitesse d’affichage du contenu principal. Le CLS mesure sa stabilité une fois affiché.
- INP – Interaction to Next Paint
Le LCP mesure quand la page s’affiche. L’INP mesure si elle répond vite quand on s’en sert.
Pourquoi c’est important
Le LCP affecte l’expérience utilisateur et le classement mobile. Si le contenu principal est lent à charger, l’utilisateur peut partir avant de voir quoi que ce soit. Un LCP élevé nuit au taux de rebond et au SEO.
Bonnes pratiques
- Optimiser la taille et le format des images
- Charger l’image principale en priorité (priority loading)
- Utiliser un CDN rapide
- Éviter les scripts qui bloquent le rendu
En code
<!-- Dans le <head> : le navigateur la télécharge sans attendre le CSS -->
<link rel="preload" as="image" href="/images/hero.avif" fetchpriority="high" />
<!-- Dans la page : jamais de loading="lazy" sur l’image du haut -->
<img src="/images/hero.avif" alt="…" width="1600" height="900" fetchpriority="high" />
Exemple concret
Une image hero de 800 Ko ralentit le LCP à 4,1 s. → Compression WebP + preload → LCP réduit à 1,8 s, et baisse du taux de rebond mobile de 17 %.
Besoin d’un coup de main ?
Développement Un site rapide et stable, sur téléphone comme sur ordinateur. Voir la prestationVous hésitez sur la priorité ? Le diagnostic vous remet une solution écrite, à prix fixe et sans engagement.
