Was ist CLS?
CLS steht für Cumulative Layout Shift. Die Kennzahl misst, wie stark sich Elemente einer Seite während des Ladens unerwartet verschieben – zum Beispiel, wenn ein spät geladenes Bild Text nach unten drückt oder ein Werbebanner den Klick auf einen Button verhindert.
Beispiel:
Du willst auf „Jetzt kaufen“ klicken – im letzten Moment springt der Button nach unten, weil oben noch ein Bild nachlädt. Du klickst versehentlich auf eine Anzeige. Genau das misst der CLS.
Einordnung:
CLS gehört zu den Core Web Vitals. Werte unter 0,1 gelten als gut, über 0,25 als schlecht.
Häufige Ursachen:
Bilder ohne feste Größenangabe, dynamisch nachgeladene Anzeigen, Web-Fonts, die spät erscheinen, iframes ohne reservierte Höhe.
Wie Du CLS reduzierst:
Für jedes Bild und Video Breite und Höhe im HTML angeben, Platzhalter für Anzeigen reservieren, Fonts vorab laden und Inhalte nicht nachträglich einblenden, sondern von Anfang an vorsehen.
Fazit:
Ein niedriger CLS ist ein direktes Zeichen für sauberes Webdesign – und ein Ranking-Booster.
