Der Cumulative Layout Shift (Abk. CLS) beschreibt, wie stark sich der Content während des Ladens verschiebt. je mehr dies der Fall ist, desto schlechter für die User Experience.

Beispiel:

Der Nutzer besucht eine Website und versucht, während sie lädt mit Ihr zu interagieren. Allerdings verschiebt sich während des Ladens der Seite ständig der Inhalt und rutscht nach unten. Dies nervt den Nutzer und führt zu einer negativen User Experience.

Wie berechnet sich der CLS?

Es kommt dabei zum einen darauf an, wie oft die Elemente sich verschieben und wie weit nach unten sie jeweils wandern. Dabei wird immer der Viewport als Ausgangspunkt genommen. Der CLS berechnet sich anhand von Impact Fraction und Distance Fraction.

Formel:

Layout Shift Score = Impact Fraction x Distance Fraction

Weitere Informationen zum Layout Shift Score finden sich in der Dokumentation von Google. Auch Tools, wie etwa die Google Search Console helfen bei der Auswertung des CLS.