Was ist Cumulative Layout Shift?
Kennst du das? Du liest einen Artikel, plötzlich lädt oben ein Banner, und der Text rutscht eine Zeile tiefer. Oder du tippst auf „Abbrechen“ und erwischst „Kaufen“. Das ist eine Layout-Verschiebung: Ein sichtbares Element ändert ohne Vorwarnung seine Position.
Cumulative Layout Shift (CLS) macht daraus eine Zahl. Sie ist neben Largest Contentful Paint und Interaction to Next Paint eine der drei Core Web Vitals, also der Nutzersignale, die Google für Seitenerlebnis auswertet. Anders als die beiden anderen misst CLS keine Zeit und keine Geschwindigkeit, sondern Stabilität.
So wird CLS berechnet
Jede einzelne Verschiebung bekommt einen Score aus zwei Teilen: Wie viel vom sichtbaren Bereich ist betroffen, und wie weit ist das Element gerutscht?
Score je Verschiebung
Layout-Shift-Score = Impact Fraction × Distance Fraction
Beispiel: Ein Element füllt die Hälfte des Bildschirms und rutscht um 25 % der Höhe. Zusammen mit der neuen Position berührt es 75 % der Fläche → 0,75 × 0,25 = 0,1875
- Impact Fraction: der Anteil des Bildschirms, den das Element vorher und nachher zusammen berührt.
- Distance Fraction: die zurückgelegte Strecke, geteilt durch die längere Bildschirmseite.
- Session Window: Verschiebungen mit weniger als einer Sekunde Abstand bilden ein Fenster von höchstens fünf Sekunden.
Der CLS-Wert ist die Summe des schlimmsten Fensters, nicht aller Verschiebungen zusammen. Das gilt seit Juni 2021. Vorher hat Google alles aufaddiert, und wer lange auf einer Seite blieb, verschlechterte den Wert schon durch bloßes Verweilen.
Welcher CLS-Wert ist gut?
CLS
Bewertung
bis 0,1
gut
bis 0,25
verbesserungswürdig
über 0,25
schlecht
Bewertet wird am 75. Perzentil, getrennt nach Handy und Desktop. Heißt: Drei von vier Seitenaufrufen müssen im grünen Bereich liegen, nicht der Durchschnitt. Die Schwelle kommt aus Tests: Ab 0,15 empfanden Nutzer Verschiebungen als störend, bis 0,1 als bemerkbar, aber erträglich.
Laut Web Almanac von HTTP Archive schafften im Juli 2025 81 % der Websites auf dem Handy und 72 % am Desktop einen guten CLS-Wert. 2020 waren es mobil noch 60 %. CLS ist damit keine Hexerei, und ein schlechter Wert fällt im Vergleich auf.
Einen CLS von 0 musst du nicht erreichen. Das verlangt niemand, und Google nennt selbst Anzeigen und eingebettete Inhalte Dritter als Grund, warum strengere Schwellen schwer zu halten wären.
Die häufigsten Ursachen und was hilft
Fast immer steckt derselbe Fehler dahinter: Der Browser weiß nicht, wie viel Platz etwas braucht, bis es da ist. Die Lösung ist deshalb meist dieselbe: Platz reservieren.
Ursache
Lösung
Bilder ohne Maße
width und height oder aspect-ratio setzen
Anzeigen, Embeds
Feste Mindesthöhe mit Platzhalter
Webfonts
Fallback-Schrift mit ähnlichen Maßen, size-adjust, Preload
Banner, Consent
Als Overlay einblenden statt in den Inhalt schieben
Animationen
transform statt top, left, margin
Der erste Punkt ist der Klassiker: 2025 hatten noch 62 % der mobilen Seiten mindestens ein Bild ohne feste Maße (Web Almanac). Das zu beheben kostet wenig, und moderne CMS erledigen es oft schon von selbst.
Was ein besserer CLS bringen kann
Zwei Fallstudien, die Google selbst veröffentlicht hat. Lies sie als Hinweis, nicht als Beweis: Solche Vergleiche zeigen einen Zusammenhang, keine saubere Ursache.
Case A · Nachrichten
Yahoo! JAPAN News (2021)
+15,1 %
Seitenaufrufe je Sitzung
+13,3 %
Sitzungsdauer
CLS um 0,2 verbessert
Das wichtigste Mittel: reservierter Platz für die Bilder oben im Artikel.
Case B · Rezepte
iCook
−15 %
CLS
+10 %
Werbeeinnahmen
Stabilere Seite, mehr Umsatz aus Anzeigen
Nur als Kurzbeleg ohne Jahr veröffentlicht, also vorsichtig einordnen.
Häufige Fehler
Fehler 1 · Nur auf Lighthouse schauen
Lighthouse testet im Labor und nur den Ladevorgang. Verschiebungen beim Scrollen sieht es nicht und zeigt deshalb oft zu gute Werte. Für Google zählen die Felddaten echter Nutzer. Klafft beides weit auseinander, passiert der Sprung meist erst nach dem Laden.
Fehler 2 · Den Consent-Banner vergessen
Wer seinen Cookie-Hinweis oben in die Seite einfügt, schiebt den ganzen Inhalt nach unten, und zwar bei jedem Erstbesuch. Blende ihn über dem Inhalt ein oder halte den Platz von Anfang an frei.
Fehler 3 · Werbeplätze einklappen
Kommt keine Anzeige, verschwindet der leere Platz, und der Text springt hoch. Lass den Platz stehen. Ein leerer Kasten ist weniger schlimm als eine springende Seite.
Fehler 4 · Auf font-display: swap vertrauen
swap zeigt Text sofort, tauscht die Schrift aber später aus. Ist die Ersatzschrift breiter oder schmaler, läuft der Text neu um. Das Problem ist nur verschoben, nicht gelöst.
So findest du das springende Element
- PageSpeed Insights öffnen: Oben stehen die Felddaten der letzten 28 Tage, sofern deine Seite genug Besucher hat.
- Google Search Console prüfen: Der Bericht Core Web Vitals zeigt, welche Gruppen von URLs betroffen sind.
- Chrome DevTools nutzen: Das Performance-Panel zeigt die Verursacher einer Verschiebung direkt an.
- Beheben, dann Geduld haben: Felddaten laufen über 28 Tage, der neue Wert kommt schrittweise an.
Häufige Fragen
Beeinflusst CLS das Google-Ranking?
Google empfiehlt gute Core Web Vitals ausdrücklich für den Erfolg in der Suche, nennt aber kein Gewicht. Ein beziffertes Ranking-Plus für CLS ist nicht belegt. Rechne nicht mit Sprüngen in den Rankings. Der sichere Gewinn liegt bei den Besuchern, die nicht mehr danebentippen.
Warum zeigt PageSpeed Insights zwei verschiedene CLS-Werte?
Oben stehen die Felddaten echter Chrome-Nutzer aus 28 Tagen, unten das Labor-Ergebnis von Lighthouse aus einem einzelnen Ladevorgang. Das Labor sieht nur Verschiebungen beim Laden. Für die Bewertung durch Google zählen die Felddaten.
Verursacht ein Cookie-Banner CLS?
Wenn er in den Seitenfluss eingefügt wird, ja. Ein fest positioniertes Overlay am unteren Rand oder als Modal verschiebt den Inhalt normalerweise nicht. Eine Einblend-Animation kann je nach Umsetzung trotzdem Verschiebungen auslösen, also kurz nachmessen.
Warum bekomme ich in der Search Console keine CLS-Daten?
Für Felddaten braucht es genug Besuche von Chrome-Nutzern, die der Statistik zugestimmt haben. Die Mindestzahl veröffentlicht Google nicht. Kleine Seiten sehen deshalb oft nichts. Dann hilft nur ein Labortest plus eigenes Nachsehen am Handy.
Wie sehr zählt CLS im PageSpeed-Score?
In Lighthouse macht CLS 25 % des Performance-Scores aus. Dieser Score ist aber eine Labornote und nicht die Core-Web-Vitals-Bewertung. Du kannst 90 Punkte haben und trotzdem im Feld durchfallen.
