<aside> 💡 Le Cumulative Layout Shift (CLS) (ou le décalage cumulatif de la disposition) est une métrique importante de l’expérience utilisateur. Elle mesure la stabilité visuelle en quantifiant à quel point les utilisateurs vont rencontrer des changements inattendus de la disposition de la page.
</aside>
Si vous avez déjà lu un article dont tout le contenu se décale d’un coup sans que vous ne fassiez rien, ou pire, que vous essayez de cliquer sur un bouton et qu’il change de place, alors vous avez vécu une page avec un mauvais CLS.
Le CLS aide en mesurant à quelle fréquence cela se produit pour les utilisateurs sur votre site.
Le CLS mesure la somme des scores des décalages inattendus pendant toute la durée de vie de la page.
Un décalage se produit quand un élément visible change de position dans la page.
Le score dépend de la taille de l’élément et de la distance de décalage.