Le CLS mesure les décalages visuels pendant le chargement : un bouton qui saute au moment où vous cliquez. Au-dessus de 0,1, la page est jugée instable.
CatégoriePerformance
SymptômeLa page bouge pendant le chargement (score CLS > 0,1)
Terme anglaisCumulative Layout Shift (CLS)
Seuil GoogleBon < 0,1 · À améliorer 0,1–0,25 · Médiocre > 0,25
Où ça se voitSignaux Web essentiels, PageSpeed Insights
GravitéModérée : Signal Web essentiel
Ce que ça mesure
L'ampleur des éléments qui se déplacent une fois la page en cours d'affichage. Plus ça bouge, plus le score monte, et plus l'expérience est frustrante.
Pourquoi ça compte
C'est un des trois Signaux Web essentiels. Un CLS élevé provoque des clics ratés et donne l'impression d'une page cassée.
Comment corriger
- Réservez la taille des images et des iframes avec leurs attributs width et height.
- Évitez d'insérer du contenu au-dessus de ce qui est déjà affiché.
- Chargez vos polices sans provoquer de saut de texte.
Ce que détecte Qadence
Qadence remonte les pages dont le CLS dépasse le seuil, celles qui bougent trop au chargement.
Questions fréquentes
Le CLS mérite-t-il une correction s'il ne touche pas mes conversions ?
Corrigez-le en priorité sur vos pages de conversion et vos parcours d'achat : un décalage au moment du clic fait rater des actions et coûte directement du chiffre. Ailleurs, c'est secondaire.
Quelle est la première cause de CLS à corriger ?
Les images et iframes sans dimensions réservées, puis les bannières et blocs injectés au-dessus du contenu. Fixez les tailles et n'insérez rien au-dessus de ce qui est déjà affiché.
Les autres problèmes de performance
web.dev, Cumulative Layout Shift définition et seuils officiels