←  Alle Begriffe
C
Performance

Cumulative Layout Shift

Cumulative Layout Shift misst unerwartete Verschiebungen sichtbarer Elemente während der Nutzung einer Webseite.

Cumulative Layout Shift misst unerwartete Verschiebungen sichtbarer Elemente während der Nutzung einer Webseite. Für eine aussagekräftige Bewertung sollten reale Nutzerdaten, reproduzierbare Labortests und ein festes Performance Budget zusammen betrachtet werden. Eng verbunden ist der Begriff mit Core Web Vitals und Bildoptimierung.

Weiterlesen

Core Web Vitals

Bildoptimierung

CSS

FAQ

Cumulative Layout Shift

Verhindert Bildoptimierung allein Layout Shifts durch Bilder?
Nein, denn Komprimierung verkleinert Dateien, reserviert aber keinen Platz. Ein kleines Bild ohne Größenangabe verschiebt den Text darunter trotzdem, sobald es lädt. Beides ist nötig: schlanke Formate für die Ladezeit und feste Dimensionen oder ein Seitenverhältnis für ein stabiles Layout. Das gilt auch für responsive Bildvarianten.
Warum weichen Labor- und Felddaten beim CLS voneinander ab?
Laborwerkzeuge messen meist nur den Seitenaufbau eines simulierten Aufrufs. Felddaten erfassen dagegen Scrollen, spät geladene Inhalte, Einwilligungsbanner und verschiedene Geräte. Deshalb kann ein Labortest 0 zeigen, während echte Nutzer Verschiebungen erleben. Für die Bewertung der Core Web Vitals zählen die Felddaten, das Labor dient der Fehlersuche.
Wie lassen sich Layout Shifts konkret vermeiden?
Platz reservieren, bevor Inhalt eintrifft. Dazu gehören Breite und Höhe oder ein festes Seitenverhältnis für Medien, feste Container für Embeds und Banner sowie passende Fallback-Schriften. Neue Inhalte gehören unterhalb des sichtbaren Bereichs eingefügt. Animationen sollten Transformationen nutzen statt Eigenschaften, die das Layout neu berechnen.
Was löst Layout Shifts auf Webseiten typischerweise aus?
Meist fehlt reservierter Platz: Bilder ohne Größenangaben, nachgeladene Werbe- und Embed-Flächen, Cookie-Banner, die Inhalt nach unten schieben, und Webfonts mit abweichenden Schriftmaßen. Verschiebungen direkt nach einer Nutzeraktion zählen nicht mit. Entscheidend ist, ob Inhalt unerwartet springt, nicht wie viel nachgeladen wird.
Ab welchem Wert gilt Cumulative Layout Shift als gut?
Ein CLS-Wert bis 0,1 gilt als gut. Maßgeblich ist das 75. Perzentil der Felddaten, also der Wert, den drei von vier Seitenaufrufen unterschreiten. Einzelne Labormessungen liefern nur einen Hinweis. Wer die Grenze verfehlt, sollte zuerst die größten einzelnen Verschiebungen identifizieren, statt den Durchschnitt zu verbessern.