CLS
Le CLS, ou Cumulative Layout Shift, mesure l’ampleur des décalages inattendus des éléments d’une page pendant son chargement, par exemple un bouton qui se déplace au moment où l’on veut cliquer. Il évalue la stabilité visuelle, là où d’autres mesures portent sur la vitesse ou la réactivité.
CLS : quel impact pour le SEO ?
Des éléments qui sautent en cours de chargement provoquent des clics ratés, gênent la lecture et dégradent l’expérience que Google observe. Pour traiter le sujet avec méthode, commencez par comprendre et mesurer cette stabilité, à replacer parmi les autres mesures d’expérience de page. La façon de la calculer ayant évolué, un point sur l’évolution de cette mesure dans les outils évite les mauvaises interprétations.
Les causes les plus fréquentes sont identifiables et corrigeables. Le panorama des façons de supprimer les décalages de mise en page donne la marche à suivre, complété par deux chantiers concrets : maîtriser le poids et les dimensions des images et précharger les polices sans provoquer de saut visuel. Autant de réflexes qu’un expert SEO intègre dès la conception d’une page.
Exemples
- Bouton qui se déplace : au moment où l’internaute s’apprête à cliquer, une publicité se charge plus haut et décale le bouton, provoquant un clic raté.
- Image sans dimensions : une image apparaît en cours de chargement et repousse soudainement le texte vers le bas, ce qui dégrade la stabilité visuelle mesurée par le CLS.
Quiz : testez vos connaissances
Quiz : testez vos connaissances
-
Que mesure le CLS (Cumulative Layout Shift) ?
- L'ampleur des décalages inattendus des éléments pendant le chargement
- Le nombre de pages explorées par les robots
- La vitesse de réponse du serveur à chaque requête
Le CLS évalue la stabilité visuelle d’une page en mesurant les décalages imprévus de ses éléments en cours de chargement.
Pour aller plus loin : Comprendre et mesurer le CLS (Cumulative Layout Shift)
-
Pourquoi des éléments qui sautent pendant le chargement posent-ils problème ?
- Ils accélèrent le chargement global de la page
- Ils améliorent la lisibilité du contenu
- Ils provoquent des clics ratés et dégradent l'expérience observée par Google
Un bouton qui se déplace au mauvais moment cause des clics ratés et gêne la lecture, ce qui pèse sur l’expérience que Google observe.
Pour aller plus loin : Optimiser le CLS : supprimer les décalages de mise en page
-
Où situer le CLS par rapport aux autres mesures d'expérience de page ?
- Il remplace à lui seul toutes les autres mesures
- Il ne concerne que la vitesse pure de la page
- Il fait partie des Core Web Vitals aux côtés du LCP et de l'INP
Le CLS est l’une des Core Web Vitals, à replacer parmi le LCP et l’INP qui mesurent d’autres aspects de l’expérience.
Pour aller plus loin : Comprendre les Core Web Vitals (LCP, INP, CLS)
À propos de l'auteur
Besoin d'accompagnement SEO ?
Nos experts vous aident à mettre en pratique.