CLS
Cumulative Layout Shift. Mesure la stabilité visuelle d'une page. Google recommande < 0,1.
Le CLS (Cumulative Layout Shift) est le Core Web Vital qui mesure la stabilité visuelle de votre page. Il quantifie les décalages inattendus d'éléments visuels pendant le chargement ou l'utilisation de la page. Un CLS élevé, c'est quand vous essayez de cliquer sur un bouton et qu'une image se charge au-dessus, poussant tout vers le bas.
Pourquoi le CLS est frustrant
Les décalages de layout provoquent des clics involontaires, désorientation et frustration. C'est particulièrement problématique sur mobile où l'écran est petit et chaque décalage est amplifié. Un mauvais CLS peut faire cliquer un utilisateur sur la mauvaise pub ou le mauvais lien.
Qu'est-ce qu'un bon CLS
Bon : < 0,1. À améliorer : 0,1 à 0,25. Mauvais : > 0,25. Le score est calculé en multipliant la fraction de la fenêtre impactée par la distance du décalage.
Comment améliorer son CLS
Définissez toujours les dimensions des images et vidéos (width/height). Réservez l'espace pour les publicités et embeds. Évitez d'injecter du contenu au-dessus du contenu existant. Utilisez des polices web avec font-display: swap et dimensionnement fallback. Pré-chargez les polices critiques.
Termes associés
LCP
Largest Contentful Paint. Mesure la vitesse de chargement du contenu principal d'une page. Google recommande < 2,5 secondes.
INP
Interaction to Next Paint. Mesure la réactivité d'une page aux interactions utilisateur. Google recommande < 200 ms.
CRO
Conversion Rate Optimization. L'optimisation du taux de conversion de votre site ou landing page.
SEO
Search Engine Optimization. L'art de ranker dans Google en optimisant votre site pour les moteurs de recherche.
Pour aller plus loin
Besoin d'aide pour optimiser votre CLS ?
Discutons de votre stratégie marketing.