Cumulative Layout Shift (CLS)

Cumulative Layout Shift (CLS) ist eine Nutzbarkeitsmetrik für Websites, die von Google als eine der Core Web Vital Metriken entwickelt wurde.

Sie misst das Ausmaß, in dem Benutzer unerwarteten Layout-Verschiebungen begegnen, bei denen Elemente der Seite auf unerwartete Weise verschoben werden: also solche, die nicht das Ergebnis einer Benutzeraktion wie das Drücken eines Buttons oder Teil einer Animation sind.

Layout-Verschiebungen können beispielsweise durch <img> oder <video> Elemente verursacht werden, die keine width und height Attribute haben, sodass der Browser nicht weiß, wie viel Platz sie beanspruchen werden, bis sie geladen sind.

Das LayoutShift Interface, das Teil der Performance API ist, kann verwendet werden, um einzelne Layout-Verschiebungen zu messen, die dann zur Berechnung des CLS-Wertes für eine Webseite genutzt werden können.