Cumulative Layout Shift (CLS)

Le Cumulative Layout Shift (CLS) est le Core Web Vital qui mesure la stabilité visuelle de votre page. Le score cartographie combien d’éléments se déplacent de façon inattendue pendant le chargement de la page, donc à quel point votre mise en page paraît calme ou saccadée.

Qu’est-ce qui provoque un layout shift?

Vous connaissez ce moment irritant: vous voulez appuyer sur un bouton et soudain toute la page glisse vers le bas parce qu’une image ou une publicité se charge. C’est un layout shift. Le CLS additionne tous ces déplacements inattendus en un seul score. Google considère un CLS inférieur à 0,1 comme bon, entre 0,1 et 0,25 comme moyen, et au-delà comme mauvais. Contrairement au LCP, qui concerne la vitesse de chargement, le CLS porte purement sur la stabilité: rien ne doit glisser sous vos doigts.

Comment garder votre mise en page stable?

La cause la plus fréquente est le média sans dimensions fixes. Donnez toujours aux images et vidéos une largeur et une hauteur définies, afin que le navigateur réserve l’espace à l’avance. Il en va de même pour les polices qui se chargent tard et font se réorganiser le texte, et pour les bannières ou blocs de lazy-loading qui apparaissent soudainement. Réservez aussi de la place pour le contenu dynamique qui arrive plus tard. Ainsi votre page reste là où le visiteur l’attend. Le CLS forme avec le LCP et l’INP le trio des Core Web Vitals.

Pourquoi cela compte pour votre croissance

Chez Customer Impact, nous regardons ce qui génère des clients, et une page saccadée coûte de la confiance. Un décideur B2B qui clique par erreur sur le mauvais élément ou perd sa place décroche avant d’atteindre votre formulaire. Une mise en page stable n’est pas un détail cosmétique mais fait partie d’une expérience de page speed qui protège les conversions.