Le CLS élevé

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

Analyser votre site avec l'IA

Qadence remonte ce problème sur vos pages réelles et vous propose la correction.

web.dev, Cumulative Layout Shift définition et seuils officiels