Was ist CLS?
Ein Maß für unerwartete Verschiebungen des Layouts beim Laden.
Zuletzt aktualisiert:
CLS steht für Cumulative Layout Shift. Dieser Wert misst, wie stark sich der Inhalt einer Seite beim Laden noch verschiebt. Springt der Text nach unten, weil ein Bild oder eine Anzeige nachträglich erscheint, ist das ein Layout-Shift, der für Besucher störend ist.
Warum es nervt
Jeder kennt es: Man will etwas anklicken, im letzten Moment verschiebt sich die Seite und man trifft das Falsche. Solche Sprünge entstehen, wenn für Bilder oder eingebundene Elemente kein fester Platz reserviert ist. CLS misst genau diese Unruhe.
Wie man es vermeidet
Wichtig ist, für Bilder und eingebundene Inhalte feste Maße anzugeben, damit der Platz von Anfang an reserviert ist. Auch Schriften und nachladende Elemente sollten so eingebunden werden, dass sie das Layout nicht verschieben.