Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →
Performance
Qu'est-ce que CLS et pourquoi le contenu se décale-t-il lors du chargement d'un site ?
Le CLS (Cumulative Layout Shift) mesure à quel point les contenus d'une page sautent lors du chargement — Google considère une valeur jusqu'à 0,1 comme bonne, plus de 0,25 comme mauvaise. Chacun connaît l'effet : on veut taper sur un lien, à la dernière seconde une image qui se charge pousse tout vers le bas, et le doigt atterrit sur la pub à côté. Exactement ces sauts le CLS les compte ensemble.
Les sauts de mise en page coûtent la confiance et mènent à des clics erronés
Un saut survient quand un élément réclame son espace seulement après que la page soit affichée : une image se charge sans zone réservée, une bannière publicitaire se glisse entre le titre et le texte, une police chargée après change la hauteur des lignes. Pour les visiteurs, c'est comme si la page avait un mauvais contact. Les conséquences pratiques sont les clics erronés : le doigt vise « Annuler » et touche « Acheter », car les boutons se sont décalés à la dernière seconde. Le CLS additionne tous ces décalages au cours du chargement de la page en un seul nombre — plus grand la zone décalée et plus loin le saut, plus haut la valeur.
Les seuils Google : 0,1 bon, à partir de 0,25 mauvais
Contrairement aux mesures temporelles, le CLS n'a pas d'unité — c'est un nombre proportionnel de zone décalée et distance du saut. Jusqu'à 0,1 il compte comme bon, jusqu'à 0,25 comme à améliorer, au-delà comme mauvais. Une page dont les contenus ne sautent pas du tout atteint 0. Le service de contrôle adopte ces seuils officiels de Google sans changement et mesure mobil et bureau séparément, car sur l'écran étroit du téléphone le même saut a un impact plus fort : ce qui est un petit décalage au bureau chasse la moitié de l'écran visible du téléphone.
Comment le service de contrôle mesure la stabilité de la mise en page
Le service de contrôle récupère pour chaque page contrôlée la mesure PageSpeed de Google. Elle fournit le CLS de deux sources : des données de terrain de vrais visiteurs des 28 derniers jours si la page en a assez, et une mesure de lab dans des conditions fixées. Si les données de terrain existent, elles ont priorité — elles montrent ce qui se passe aux vrais visiteurs, avec les connexions lentes et appareils plus anciens. Chaque valeur au-delà du seuil figure comme un constat dans le rapport, avec la valeur mesurée, source de la mesure et la cible 0,1 à côté, donc votre agence peut optimiser précisément.
- Chargez votre page d'accueil sur le téléphone et observez les premières secondes : le texte glisse-t-il vers le bas quand des images ou bannières apparaissent ?
- Priez votre agence de donner à chaque image et vidéo des largeurs et hauteurs fixes, pour que l'espace soit réservé depuis le début.
- Donnez aux zones de pub et aux intégrations un cadre fixe qui s'y maintient même si le contenu arrive plus tard ou pas du tout.
- Demandez que les barres d'information — par exemple sur les cookies ou actions — flottent au-dessus de la page ou soient prévues depuis le début, au lieu de pousser le contenu vers le bas.
- Contrôlez le CLS à nouveau après chaque remaniement de page d'accueil, car une nouvelle bannière peut seule transformer un bon score en mauvais.