Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →
Vérifier le CLS : pourquoi les contenus se décalent au chargement
Le Cumulative Layout Shift mesure la force avec laquelle le contenu visible change de position lors du chargement. C'est la seule valeur essentielle sans unité de temps — et la seule dont chacun connaît l'effet : on veut cliquer, et au même moment le bouton s'échappe.
- La cause la plus fréquente est l'absence de dimensions spécifiées pour les images et les contenus intégrés. Le navigateur ne sait pas quelle place réserver et décale tout vers le bas à leur arrivée.
- Deuxième cause : les éléments affichés ultérieurement : barres d'information, banneau de consentement, emplacements publicitaires. S'ils prennent de la place au lieu de se superposer, ils décalent l'ensemble du contenu.
- Troisième cas : les polices. Si une police de remplacement s'affiche d'abord puis est remplacée, les sauts de ligne changent et donc la position de tout ce qui suit.