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
Exit Rate
Pourcentage de sessions où une page spécifique est la dernière page consultée avant de quitter le site.
INP
Interaction to Next Paint. Mesure la réactivité d'une page aux interactions utilisateur. Google recommande < 200 ms.
LCP
Largest Contentful Paint. Mesure la vitesse de chargement du contenu principal d'une page. Google recommande < 2,5 secondes.
LTV
Lifetime Value. La valeur totale qu'un client génère sur toute sa relation avec vous.
Pour aller plus loin
CLS en pratique : Analytics
Pour aller au-delà de la définition, découvrez notre service tracking et reporting.