Zum Inhalt springen

Glossar

CLS: Cumulative Layout Shift

CLS steht für Cumulative Layout Shift und summiert, wie stark sich sichtbare Elemente einer Seite unerwartet verschieben. Meist fehlt für später ladende Inhalte reservierter Platz.

Definition

Was CLS misst

CLS steht für Cumulative Layout Shift und summiert, wie stark sich sichtbare Elemente einer Seite unerwartet verschieben, meist weil für später ladende Inhalte kein Platz reserviert wurde. Ein hoher CLS-Wert bedeutet für Nutzer ganz praktisch: Sie klicken auf etwas anderes als beabsichtigt, weil sich das Layout genau in diesem Moment unter dem Finger verschiebt.

Layout-Shift im Vergleich: ohne und mit reserviertem Platz Links verschiebt ein nachträglich geladenes Bild den Kaufen-Button nach unten, der Klick geht daneben. Rechts reserviert die Seite den Platz für das Bild vorab, der Button bleibt an seiner Position. Ohne reservierten Platz Ihr Produkttitel Bild lädt nach Verschiebung Kaufen Mit reserviertem Platz, CLS nahe 0 Ihr Produkttitel Platz reserviert Kaufen
Links: der Button verschiebt sich, der Klick geht daneben. Rechts: reservierter Platz, der Button bleibt stehen.
Bewertung

Wie Google CLS bewertet

Google bewertet CLS-Werte bis 0,1 als gut, bis 0,25 als mittel, darüber als schlecht.

CLS-Schwellenwerte nach Google: gut bis 0,1, mittel bis 0,25, schlecht darüber Horizontale Skala von 0 bis über 0,25: grüner Bereich bis 0,1 gilt als gut, gelber Bereich bis 0,25 als mittel, roter Bereich darüber als schlecht. gut mittel schlecht 0 0,1 0,25
Skala von 0 bis über 0,25: gut, mittel, schlecht nach den offiziellen Google-Schwellenwerten.
Ursachen

Häufige Ursachen für einen hohen CLS-Wert

✓ Bilder ohne Breiten- und Höhenangabe
✓ Nachträglich eingefügte Inhalte wie Banner oder Ads ohne reservierten Platz
✓ Web-Fonts, die beim Laden die Textgröße verschieben
✓ Dynamisch eingefügte UI über dem sichtbaren Viewport-Inhalt
JERVIS

Wie JERVIS CLS misst

Der JERVIS Audit misst CLS als Teil der Core Web Vitals über die offizielle Google-Schnittstelle und ordnet den Wert ein.

Mehr zur gesamten Core-Web-Vitals-Prüfung im Core-Web-Vitals-Guide, die Prüfung selbst läuft im JERVIS Audit.

Verwandte Begriffe: LCP, INP und Core Web Vitals.

FAQ

Häufige Fragen zu CLS

Was ist CLS (Cumulative Layout Shift)?
CLS steht für Cumulative Layout Shift und misst, wie stark sich sichtbare Elemente einer Seite während des Ladens unerwartet verschieben. Ein hoher Wert bedeutet, dass Nutzer auf etwas anderes klicken als beabsichtigt.
Welcher CLS-Wert ist gut?
Google bewertet CLS-Werte bis 0,1 als gut, bis 0,25 als mittel und darüber als schlecht.
Wie verbessere ich den CLS-Wert?
Reservieren Sie festen Platz für später ladende Inhalte: Breiten- und Höhenangaben an Bildern, fester Platz für Banner und Ads, und Web-Fonts so einbinden, dass sich die Textgröße beim Laden nicht verändert.
Wie misst JERVIS CLS?
Der JERVIS Audit misst CLS als Teil der Core Web Vitals über die offizielle Google-Schnittstelle und ordnet den Wert ein.

CLS im Griff behalten

Der JERVIS Audit misst CLS als Teil der Core Web Vitals und ordnet den Wert für Ihre Seite ein.

Zum JERVIS Audit → Core Web Vitals ansehen

Wie schneidet Ihre Website ab?

Der kostenlose JERVIS Website-Check zeigt Ihre Core Web Vitals und wo Ihre Seite steht, in wenigen Minuten.

Kostenlosen Website-Check starten