Cumulative Layout Shift (CLS)

Cumulative Layout Shift (CLS) (pour décalage de mise en page cumulatif en français) est une métrique d'utilisabilité pour les sites web, conçue par Google comme l'une des métriques Core Web Vital.

Elle mesure dans quelle mesure les utilisateur·ice·s rencontrent des décalages de mise en page inattendus, dans lesquels des éléments de la page sont déplacés de manière inattendue : c'est-à-dire, qui ne sont pas le résultat d'une action utilisateur comme appuyer sur un bouton ou d'une animation.

Les décalages de mise en page peuvent être causés, par exemple, par des éléments <img> ou <video> auxquels on n'a pas donné d'attributs width et height, donc le navigateur ne sait pas combien d'espace ils occuperont avant qu'ils ne soient chargés.

L'interface LayoutShift, qui fait partie de l'API Performance, peut être utilisée pour mesurer les décalages de mise en page individuels, qui peuvent ensuite être utilisés pour calculer le score CLS d'une page web.