Kumulative Layoutverschiebung (CLS)

Kumulative Layoutverschiebung (CLS) ist eine Benutzerfreundlichkeitsmetrik für Websites, die von Google als eine der Core Web Vital Metriken entwickelt wurde.

Sie misst das Ausmaß, in dem Benutzer unerwartete Layoutverschiebungen erleben, bei denen sich Elemente der Seite auf unerwartete Weise bewegen: das heißt, die nicht das Ergebnis einer Benutzeraktion wie dem Drücken eines Buttons oder Teil einer Animation sind.

Layoutverschiebungen können zum Beispiel durch <img> oder <video> Elemente verursacht werden, denen keine width und height Attribute zugewiesen sind, sodass der Browser nicht weiß, wie viel Platz sie benötigen, bis sie geladen sind.

Das LayoutShift Interface, das Teil der Performance API ist, kann verwendet werden, um einzelne Layoutverschiebungen zu messen, die dann genutzt werden können, um den CLS-Wert für eine Webseite zu berechnen.