Barry Pollard, défenseur des performances Web de Google, a clarifié la manière dont le décalage cumulatif de mise en page (CLS) est mesuré.
CLS quantifie l'ampleur des changements de mise en page inattendus qui se produisent lorsqu'une personne navigue sur votre site.
Cette mesure est importante pour le référencement car c'est l'un des principaux éléments essentiels du Web de Google. Les pages avec de faibles scores CLS offrent une expérience plus stable, conduisant potentiellement à une meilleure visibilité de la recherche.
Comment est-il mesuré ? Pollard a abordé cette question dans un fil de discussion sur X.
Pour Core Web Vitals, dans quoi le CLS est-il mesuré ? Pourquoi 0,1 est-il considéré comme mauvais et 0,25 comme mauvais, et que représentent ces chiffres ?
J'ai eu 3 conversations distinctes à ce sujet avec différentes personnes au cours des dernières 24 heures, alors j'ai pensé qu'il était temps d'ouvrir un autre fil de discussion approfondi pour expliquer…
🧵 1/12 pic.twitter.com/zZoTur6Ad4
– Barry Pollard (@tunetheweb) 10 octobre 2024
Comprendre la mesure CLS
Pollard a commencé par expliquer la nature de la mesure CLS :
« CLS est « sans unité », contrairement au LCP et à l'INP qui sont mesurés en secondes/millisecondes. »
Il a en outre précisé :
« Chaque changement de disposition est calculé en multipliant deux pourcentages ou fractions ensemble : ce qui a bougé (fraction d'impact) Combien il a bougé (fraction de distance). »
Cette méthode de calcul permet de quantifier la gravité des changements de disposition.
Comme l'explique Pollard :
« La fenêtre entière se déplace vers le bas – c'est pire que la moitié de la fenêtre qui descend complètement. La fenêtre entière descend-elle un peu ? Ce n'est pas aussi grave que toute la fenêtre qui descend beaucoup.
Pire scénario
Pollard a décrit le pire des cas pour un seul changement de disposition :
« Le changement de disposition maximum est si 100 % de la fenêtre d'affichage (fraction d'impact = 1,0) est déplacée d'une fenêtre complète vers le bas (fraction de distance = 1,0).
Cela donne un score de changement de disposition de 1,0 et constitue fondamentalement le pire type de changement.
Il rappelle cependant le caractère cumulatif du CLS :
« CLS est Cumulative Layout Shift, et ce premier mot (cumulatif) compte. Nous prenons tous les changements individuels qui se produisent dans un court laps de temps (maximum 5 secondes) et les résumons pour obtenir le score CLS.
Pollard a expliqué le raisonnement derrière la fenêtre de mesure de 5 secondes :
« À l'origine, nous cumulions TOUS les changements, mais cela ne mesurait pas vraiment l'UX, surtout pour les pages ouvertes depuis longtemps (pensez aux SPA ou aux emails). Mesurer tous les changements signifiait que, avec suffisamment de temps, même les meilleures pages échoueraient ! »
Il a également noté le score CLS maximum théorique :
« Étant donné que chaque élément ne peut se déplacer que lorsqu'une image est dessinée et que nous avons un plafond de 5 secondes et que la plupart des appareils fonctionnent à 60 ips, cela donne un plafond théorique sur CLS de 5 secondes * 60 ips * 1,0 décalage maximum = 300. »
Interprétation des scores CLS
Pollard a expliqué comment interpréter les scores CLS :
« … il est utile de considérer le CLS comme un pourcentage de mouvement. Le bon seuil de 0,1 signifie qu'environ la page a bougé de 10 %, ce qui pourrait signifier que la page entière a bougé de 10 %, ou la moitié de la page a bougé de 20 %, ou que de nombreux petits mouvements étaient équivalents à l'un ou l'autre. »
Concernant les valeurs seuils spécifiques, Pollard a expliqué :
« Alors pourquoi 0,1 est-il « bon » et 0,25 « mauvais » ? C'est expliqué ici comme une combinaison de ce que nous voudrions (CLS = 0 !) et de ce qui est réalisable… 0,05 était en fait réalisable à la médiane, mais pour de nombreux sites, ce ne serait pas le cas, donc nous sommes allés légèrement plus haut.
Voir aussi : Comment mesurer les éléments essentiels du Web
Pourquoi c'est important
Les idées de Pollard fournissent aux développeurs Web et aux professionnels du référencement une compréhension plus claire de la mesure et de l'optimisation du CLS.
Lorsque vous travaillez avec CLS, gardez ces points à l’esprit :
- CLS est sans unité et calculé à partir des fractions d’impact et de distance.
- C'est cumulatif, mesurant les changements sur une fenêtre de 5 secondes.
- Le « bon » seuil de 0,1 équivaut à peu près à 10 % du mouvement de la fenêtre.
- Les scores CLS peuvent dépasser 1,0 en raison de l’addition de plusieurs équipes.
- Les seuils (0,1 pour « bon », 0,25 pour « médiocre ») équilibrent les performances idéales et les objectifs réalisables.
Grâce à ces informations, vous pouvez effectuer des ajustements pour atteindre le seuil de Google.
