CLS: Google mis à jour le score de Cumulative Layout Shift

1. Décalage cumulatif de la disposition (CLS)

Vous êtes-vous déjà rendu sur une page Web et essayez de cliquer sur un bouton ou de lire le texte, seulement pour que le bouton soit déplacé et que le texte défile sur la page Web?

C'est ce qu'on appelle le changement de mise en page, lorsque la page Web est instable et se déplace.

Le décalage de mise en page cumulatif (CLS) est une mesure de la fréquence à laquelle les éléments de la page Web sautent sur une page Web.

La cause du décalage peut être des images dont la hauteur et la largeur n'ont pas été déclarées dans le HTML. Lorsque l'image est téléchargée, l'espace autour d'elle se développe, déplaçant le texte et d'autres éléments de la page Web.

Un utilisateur ne peut pas interagir avec une page Web en mouvement. Cette métrique est destinée à mesurer combien une page se déplace pendant son téléchargement ou pendant le défilement d'un visiteur.

Le résultat idéal est d'avoir une page téléchargeable et stable à partir du moment où le visiteur du site la consulte.

2. Faille dans les calculs CLS

Google a reçu des commentaires selon lesquels la métrique CLS était inadéquate pour mesurer les pages Web ouvertes depuis longtemps, pénalisant les pages avec des scores inférieurs.

Google a noté:

«Il est important que la métrique se concentre sur l'expérience utilisateur tout au long de la durée de vie de la page, car nous avons constaté que les utilisateurs ont souvent des expériences négatives après le chargement, lors du défilement ou de la navigation dans les pages.

Mais nous avons entendu des inquiétudes quant à la façon dont cela affecte les pages à longue durée de vie, des pages que l'utilisateur a généralement ouvertes depuis longtemps. »

3. Le changement de CLS n'aggravera pas les scores

Google a examiné trois solutions pour mettre à jour son score CLS. Chaque solution n'a pas empiré les scores des sites Web. Il n'y a donc pas lieu de s'inquiéter que les scores CLS s'aggravent à la suite de ce changement.

4. Fenêtres de session pour mesurer CLS

Google a choisi une approche Windows de session pour mesurer CLS

La mesure des éléments de la page est mesurée dans les « fenêtres de session ». Les fenêtres de session correspondent aux différentes parties d'une page Web auxquelles un utilisateur accède lorsqu'il fait défiler la page Web.

Le total des scores pour chaque fenêtre de session est appelé le décalage de mise en page cumulatif, le décalage total de la page entière.

Selon Google:

«Une fenêtre de session commence avec le premier changement de disposition et continue de s'étendre jusqu'à ce qu'il y ait un espace sans changement de disposition.

Lors du prochain changement de disposition, une nouvelle fenêtre de session démarre. … Semblable à la définition actuelle de CLS, les scores de chaque quart de travail sont additionnés, de sorte que le score de chaque fenêtre soit la somme de ses changements de mise en page individuels. »

5. De nombreux scores CLS changeront

Selon Google, la plupart des pages Web (55%) ne verront pas de changement dans leurs scores cumulatifs de changement de mise en page. Environ 42% des sites verront une légère amélioration des scores.

Environ 3% des pages Web qui utilisent le défilement infini ou dont les gestionnaires d'interface utilisateur sont lents à réagir à l'interaction de l'utilisateur verront leurs scores augmenter jusqu'à une « bonne » note.

6. La mise à jour rend les scores CLS plus précis

C'est un plus pour les éditeurs que le nouveau système de notation soit équitable, en particulier pour les pages Web qui sont ouvertes pendant une longue période (longue durée de vie) ou qui utilisent un défilement infini et qui ont été injustement notées à cause de cela.

Étant donné que les métriques Core Web Vitals deviendront un facteur de classement en mai 2021, il s'agit également d'un changement important à apporter pratiquement à la dernière minute.