CLS

Le Cumulative Layout Shift (CLS) des Google Core Web Vitals est une métrique qui évalue la stabilité visuelle d’une page pendant son chargement.

Elle mesure la quantité et la gravité des modifications inattendues de la mise en page, qui pourraient causer des perturbations dans l’expérience utilisateur.

Comment est calculé le CLS ?

Le Cumulative Layout Shift (CLS) est calculé en mesurant les changements de mise en page inattendus qui se produisent pendant le chargement d’une page web.

  1. Changements de Mise en Page : Un changement de mise en page se produit chaque fois qu’un élément visuel change de position par rapport à son emplacement initial.
  2. Impact Fractionnel : Pour chaque changement de mise en page, le CLS mesure l’impact fractionnel du changement. Cela signifie que si un élément change de position de 10%, l’impact fractionnel est de 0,1.
  3. Score CLS : Le score CLS est la somme de tous les impacts fractionnels des changements de mise en page inattendus sur une période donnée.

CLS = Σ(impact fractionnel de chaque changement de mise en page)

Le score CLS est généralement exprimé sous forme de nombre décimal, par exemple, un score de 0,25 indiquerait que 25% de la surface de la page a été affectée par des changements de mise en page inattendus.

L’objectif est de maintenir le score CLS aussi proche de zéro que possible.

Syn. : Décalage Cumulatif de Mise en Page