CLS steht für Cumulative Layout Shift und misst die visuelle Stabilität einer Seite. Gemeint sind Verschiebungen, die der Besucher nicht erwartet: Ein Bild lädt nach und schiebt den Text nach unten, ein Banner erscheint über dem Inhalt, der Button springt weg, kurz bevor man tippt. Gute Werte liegen bei 0,1 oder darunter, schlechte über 0,25 [1]. CLS gehört mit Largest Contentful Paint und Interaction to Next Paint zu den Core Web Vitals [2].
Wie der Wert berechnet wird
Jede einzelne Verschiebung bekommt einen Wert aus zwei Faktoren: dem Anteil des sichtbaren Bereichs, der betroffen ist, und der Strecke, um die sich Elemente bewegt haben, jeweils im Verhältnis zum Bildschirm [1]. Der Wert hat deshalb keine Einheit. Mehrere Verschiebungen kurz nacheinander fasst der Browser zu einem Sitzungsfenster zusammen, solange zwischen ihnen weniger als eine Sekunde liegt und das Fenster höchstens fünf Sekunden dauert [1]. Der CLS einer Seite ist das Fenster mit dem höchsten Wert während der gesamten Zeit, in der sie geöffnet ist [1].
Nicht jede Bewegung zählt. Verschiebungen innerhalb von 500 Millisekunden nach einer Eingabe wie Klicken, Tippen oder Tastendruck gelten als erwartet und fließen nicht ein [1]. Scrollen gehört nicht zu diesen Eingaben [1]. Wer ein Menü aufklappt und der Inhalt rutscht nach unten, verschlechtert den Wert also nicht.
Typische Ursachen
web.dev nennt vier häufige Ursachen: Bilder und Videos ohne bekannte Abmessungen, Webfonts, die anders laufen als die Ersatzschrift, Anzeigen oder Widgets von Drittanbietern, die ihre Größe ändern, und Elemente, die nachträglich über bestehendem Inhalt eingefügt werden [1]. Die Gegenmittel ergeben sich daraus. Bilder bekommen width- und height-Angaben, für Werbung, Cookie-Hinweise und eingebettete Inhalte reserviert das Layout von Anfang an Platz, und die Ersatzschrift sollte der Webfont in Laufweite und Zeilenhöhe möglichst nahekommen.
Nach unserer Erfahrung ist CLS unter den drei Werten oft am schnellsten verbessert, weil die Ursachen meist im Code der Vorlage liegen. Eine Korrektur am Seitentemplate wirkt dann auf allen Seiten, die es nutzen. Ein Beispiel: Eine Bäckerei bindet auf ihrer Startseite einen Hinweis zu den Öffnungszeiten ein, der erst nach dem Laden oben eingefügt wird. Jeder Besucher sieht den Text darunter um eine Zeile rutschen. Bekommt der Hinweis im Layout eine feste Fläche, verschwindet die Verschiebung.
Noch eine Frage offen?
In der gratis Sprechstunde beantworten wir Fragen zu SEO live, jeden ersten Samstag im Monat um 18 Uhr. Oder du rufst einfach an.
Messen im Feld und im Labor
Bewertet wird der Wert am 75. Perzentil der Seitenaufrufe, getrennt nach Mobilgeräten und Desktop [1]. Felddaten echter Besucher liefern der Chrome User Experience Report, PageSpeed Insights und der Core-Web-Vitals-Bericht der Search Console [1]. Labortools wie Lighthouse oder die Chrome-Entwicklertools erfassen nur Verschiebungen während des Seitenaufbaus [1]. Ein guter Laborwert schließt deshalb nicht aus, dass Besucher beim Scrollen später Sprünge erleben.
Weiter geht es mit der Frage Was ist ein guter CLS-Wert, dem Ratgeber Bilder und Core Web Vitals und den Nachbarbegriffen LCP und INP.
Springt auf deiner Website etwas, und du findest das auslösende Element nicht? Bring die Adresse in die gratis Sprechstunde mit.
- Organisation Cumulative Layout Shift (CLS). web.dev (Google). Stand 12.04.2023. abgerufen am 31.10.2026
- Organisation Core Web Vitals und Google-Suchergebnisse. Google Search Central. Stand 18.12.2025. abgerufen am 31.10.2026
Häufige Fragen
Was ist ein guter CLS-Wert?
0,1 oder darunter gilt als gut, Werte über 0,25 als schlecht. Dazwischen liegt der Bereich, der verbessert werden sollte. Bewertet wird am 75. Perzentil der Seitenaufrufe.
Hat der CLS eine Einheit?
Nein. Er ergibt sich aus dem betroffenen Anteil des Bildschirms und der Verschiebestrecke im Verhältnis zum Bildschirm, beides ohne Einheit.
Zählen Verschiebungen nach einem Klick zum CLS?
Nein, wenn sie innerhalb von 500 Millisekunden nach einem Klick, einem Tippen oder einem Tastendruck passieren. Verschiebungen beim Scrollen zählen dagegen mit.
Was ist die häufigste Ursache für einen schlechten CLS?
Häufig sind es Bilder ohne Breiten- und Höhenangabe. Dazu kommen nachladende Anzeigen und Widgets, Webfonts mit anderer Laufweite und Elemente, die über bestehendem Inhalt eingefügt werden.
Noch eine Frage offen?
In der gratis Sprechstunde beantworten wir Fragen zu SEO live, jeden ersten Samstag im Monat um 18 Uhr. Oder du rufst einfach an.
Zuletzt geprüft am 03.11.2026, nächste Prüfung spätestens im November 2027. Fehler entdeckt? Schreib uns.
