CLS
CLS : mesurer les déplacements de contenu
Le CLS, cumulative layout shift, mesure l'ampleur des déplacements inattendus du contenu pendant le chargement d'une page. Il traduit une gêne réelle : le lecteur perd sa ligne, ou clique sur un élément qui vient de bouger sous son doigt.
Les causes courantes d’un mauvais CLS
| Cause | Correction |
|---|---|
| Image sans dimensions déclarées | Indiquer largeur et hauteur |
| Publicité insérée en cours de chargement | Réserver l’espace à l’avance |
| Police de secours remplacée tardivement | Choisir une police de secours proche |
| Bandeau injecté par un script | Réserver la place ou le poser en surcouche |
| Contenu chargé à la demande | Réserver la hauteur attendue |
L’image sans dimensions est la cause la plus fréquente et la plus simple à corriger. Deux attributs suffisent.
Ce que le CLS coûte vraiment
Des erreurs de clic. Un bouton qui se déplace au moment où le doigt descend envoie le visiteur ailleurs, parfois sur une publicité.
Sur un tunnel de commande, ces erreurs se traduisent directement en abandons.
Comment mesurer un CLS
Sur les visites réelles, remontées par Search Console. Un test en laboratoire ne reproduit pas les publicités, les bandeaux ni les contenus personnalisés qui provoquent la plupart des déplacements.
Ce que le CLS ne prend pas en compte
Les déplacements consécutifs à une action. Ouvrir un menu ou déplier une section déplace du contenu sans pénaliser la mesure, parce que le visiteur l’a demandé.
Les repères chiffrés et d'où ils viennent
| Ce qui est mesuré | Valeur | Source | Périmètre |
|---|---|---|---|
| Seuil dit bon pour le CLS | 0,1 | Documentation web.dev de Google, 2026 | 75e centile des visites réelles |
Les confusions fréquentes et ce qui les sépare
- Temps de chargement
- Le temps de chargement mesure une durée. Le CLS mesure une instabilité visuelle, indépendamment de la vitesse.
- Animation volontaire
- Un déplacement déclenché par une action du visiteur ne compte pas. Seuls les mouvements inattendus entrent dans la mesure.
Mis à jour le