Kumulative Layoutverschiebung (CLS) ist eine Benutzerfreundlichkeitsmetrik für Websites, die von Google als eine derCore 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 keinewidth undheight Attribute zugewiesen sind, sodass der Browser nicht weiß, wie viel Platz sie benötigen, bis sie geladen sind.

DasLayoutShift Interface, das Teil derPerformance 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.

Siehe auch

• CLS auf web.dev