Glossary

Was ist Cumulative Layout Shift (CLS)?

Cumulative Layout Shift (CLS) ist eine Core Web Vital-Metrik von Google, die die visuelle Stabilität einer Webseite während des Ladevorgangs misst. Der CLS-Wert quantifiziert, wie stark sich Seitenelemente unerwartet verschieben, bevor der Nutzer mit ihnen interagiert. Ein CLS-Wert von 0,1 oder darunter gilt als gut, Werte über 0,25 gelten als schlecht. CLS ist seit Mai 2021 ein offizieller Google-Rankingfaktor und beeinflusst sowohl die Nutzererfahrung als auch die organische Sichtbarkeit einer Website.
2 Min Lesezeit ·
Inhaltsverzeichnis
  1. Warum Cumulative Layout Shift relevant ist
  2. Wie Cumulative Layout Shift in der Praxis funktioniert
  3. Was Cumulative Layout Shift nicht ist
  4. CLS-Werte und Bewertungsskala

Warum Cumulative Layout Shift relevant ist

CLS wurde von Google als Teil der Core Web Vitals eingeführt, um eine messbare Grundlage für die Nutzererfahrung zu schaffen. Visuelle Instabilität ist eines der häufigsten Usability-Probleme im Web: Inhalte springen während des Ladens, Buttons verschieben sich, und Nutzer klicken versehentlich auf falsche Elemente. Google hat CLS als Rankingfaktor etabliert, weil schlechte visuelle Stabilität direkt mit höheren Absprungraten und geringerer Conversion-Rate korreliert. Im B2B-Kontext ist ein niedriger CLS-Wert besonders relevant, da Entscheidungsträger Websites mit schlechter Nutzererfahrung als weniger vertrauenswürdig wahrnehmen.

Wie Cumulative Layout Shift in der Praxis funktioniert

Der CLS-Wert wird berechnet, indem der Impact Fraction (wie viel Bildschirmfläche ein verschobenes Element betrifft) mit der Distance Fraction (wie weit es sich verschoben hat) multipliziert wird. Die Summe aller solcher Verschiebungen während der gesamten Sitzung ergibt den CLS-Score.

Typische Ursachen für hohen CLS:

  • Bilder ohne definierte Breiten- und Höhenattribute
  • Werbeanzeigen oder Embeds, die nachträglich Platz beanspruchen
  • Webfonts, die beim Laden andere Schriftarten ersetzen (FOUT/FOIT)
  • Dynamisch eingefügte Inhalte oberhalb bestehender Seitenelemente

Praxisbeispiel: Ein Nutzer beginnt, einen Artikel zu lesen. Sekunden später lädt ein Werbebanner oberhalb des Textes nach und verschiebt den gesamten Inhalt nach unten. Der Nutzer verliert seinen Leseplatz — dieser Vorgang erzeugt einen messbaren CLS-Beitrag. Solche Verschiebungen lassen sich mit dem PageSpeed Insights Tool oder den Chrome DevTools identifizieren und beheben.

Was Cumulative Layout Shift nicht ist

CLS ist kein Ladezeitmaß — er misst keine Geschwindigkeit, sondern ausschließlich visuelle Stabilität. Er ist damit klar abzugrenzen von:

  • Largest Contentful Paint (LCP): Misst, wie schnell das größte sichtbare Element geladen wird.
  • Interaction to Next Paint (INP): Misst die Reaktionsfähigkeit auf Nutzereingaben.
  • First Contentful Paint (FCP): Misst, wann der erste Inhalt auf dem Bildschirm erscheint.

CLS misst auch keine beabsichtigten Layout-Änderungen — Verschiebungen, die durch eine Nutzerinteraktion (z. B. Scrollen oder Klicken) ausgelöst werden, fließen nicht negativ in den Score ein. Nur unerwartete, vom System initiierte Verschiebungen werden bewertet.

CLS-Werte und Bewertungsskala

Google bewertet CLS anhand folgender Schwellenwerte:

  • Gut: CLS ≤ 0,1
  • Verbesserungsbedarf: CLS zwischen 0,1 und 0,25
  • Schlecht: CLS > 0,25

Diese Werte basieren auf dem 75. Perzentil aller Seitenaufrufe, gemessen über das Chrome User Experience Report (CrUX)-Dataset. Für SEO-Audits empfiehlt sich die Kombination aus Google Search Console (reale Nutzerdaten) und Lighthouse (Labordaten).

Häufige Fragen

Was ist ein guter CLS-Wert für SEO? +
Google bewertet einen CLS-Wert von 0,1 oder darunter als gut. Werte zwischen 0,1 und 0,25 gelten als verbesserungsbedürftig, alles über 0,25 als schlecht. Für eine positive Auswirkung auf das Ranking sollte der CLS-Wert am 75. Perzentil aller Seitenaufrufe unter 0,1 liegen. Dieser Schwellenwert gilt sowohl für Desktop als auch für Mobile.
Wie wird der CLS-Wert gemessen? +
Der CLS-Wert wird berechnet als Summe aller unerwarteten Layout-Verschiebungen während einer Sitzung. Jede Verschiebung ergibt sich aus dem Produkt von Impact Fraction (betroffene Bildschirmfläche) und Distance Fraction (Verschiebeweite relativ zur Viewport-Höhe). Google misst CLS sowohl in Laborbedingungen (Lighthouse) als auch anhand realer Nutzerdaten über das Chrome User Experience Report Dataset.
Ist CLS ein direkter Google-Rankingfaktor? +
Ja. Cumulative Layout Shift ist seit dem Page Experience Update im Mai 2021 ein offizieller Google-Rankingfaktor. Er ist Teil der Core Web Vitals, die neben LCP und INP in das Page Experience Signal einfließen. Ein schlechter CLS-Wert kann die organische Sichtbarkeit einer Seite negativ beeinflussen, insbesondere wenn Mitbewerber bessere Core-Web-Vital-Werte aufweisen.
Was sind die häufigsten Ursachen für einen hohen CLS-Wert? +
Die häufigsten Ursachen sind: Bilder ohne definierte Dimensionen, nachträglich geladene Werbeanzeigen oder Embeds ohne reservierten Platz, dynamisch eingefügte Inhalte oberhalb bestehender Elemente sowie Webfonts, die beim Laden andere Schriftarten ersetzen. In vielen Fällen lassen sich diese Probleme durch einfache HTML- und CSS-Anpassungen beheben, ohne tiefgreifende technische Eingriffe.
Wie unterscheidet sich CLS von LCP und INP? +
CLS, LCP und INP sind die drei Core Web Vitals, messen aber unterschiedliche Aspekte der Nutzererfahrung. CLS misst visuelle Stabilität (unerwartete Layout-Verschiebungen), LCP misst Ladeleistung (Zeit bis zum größten sichtbaren Inhaltselement) und INP misst Interaktivität (Reaktionszeit auf Nutzereingaben). Alle drei Metriken fließen gemeinsam in das Page Experience Signal von Google ein.

Du hast den Artikel gelesen.
Jetzt umsetzen?

Wir analysieren in 5 Minuten wo deine Website strukturell unsichtbar ist — kostenlos, ohne Verkaufsdruck.

Kostenlose Analyse starten