CLS – Cumulative Layout Shift

Le CLS, pour Cumulative Layout Shift ou décalage de disposition cumulatif en français est une métrique clé de la performance web qui fait partie des Core Web Vitals définis par Google.

Elle mesure la stabilité visuelle d’une page pendant son chargement , c’est-à-dire si les éléments visuels (textes, images, boutons…) changent de position de manière inattendue une fois affichés.

Le CLS évalue si la page donne une sensation de stabilité ou de désordre à l’utilisateur pendant qu’elle se charge.

Le CLS prend en compte deux facteurs :

1. La surface impactée : quelle proportion de l’écran est affectée par le déplacement d’un élément.
2. La distance du déplacement : à quel point cet élément bouge par rapport à sa position initiale.

Ces mesures sont combinées pour donner un score final compris entre 0 et l’infini.

Score CLS Inférieur à 0,1 : bon

Entre 0,1 et 0,25 : à améliorer

Supérieur à 0,25 : mauvais

Plus le score est bas, plus l’expérience utilisateur est stable et agréable.