Cumulative Layout Shift (CLS)

Cumulative Layout Shift (CLS) ist der Core Web Vital, der die visuelle Stabilität Ihrer Seite misst. Der Wert erfasst, wie viele Elemente unerwartet verrutschen, während die Seite lädt, also wie ruhig oder wie sprunghaft sich Ihr Layout anfühlt.

Was verursacht Layout-Verschiebungen?

Sie kennen den ärgerlichen Moment: Sie wollen einen Button antippen, und plötzlich rutscht die ganze Seite nach unten, weil ein Bild oder eine Anzeige nachlädt. Das ist eine Layout-Verschiebung. CLS addiert all diese unerwarteten Sprünge zu einem Wert. Google bewertet einen CLS unter 0,1 als gut, zwischen 0,1 und 0,25 als ausreichend und darüber als schlecht. Anders als beim LCP, bei dem es um Ladegeschwindigkeit geht, geht es beim CLS rein um Stabilität.

Wie halten Sie Ihr Layout stabil?

Die häufigste Ursache sind Medien ohne feste Maße. Geben Sie Bildern und Videos immer eine festgelegte Breite und Höhe, damit der Browser den Platz vorab reserviert. Dasselbe gilt für Schriften, die spät laden und den Text umbrechen lassen, und für Banner oder Lazy-Loading-Blöcke, die plötzlich erscheinen. Reservieren Sie auch Platz für dynamische Inhalte, die später kommen. CLS bildet gemeinsam mit LCP und INP das Trio der Core Web Vitals.

Warum das für Ihr Wachstum zählt

Wir schauen auf das, was Kunden bringt, und eine sprunghafte Seite kostet Vertrauen. Ein B2B-Entscheider, der versehentlich das falsche Element anklickt oder seine Stelle verliert, springt ab, bevor er Ihr Formular erreicht. Ein stabiles Layout ist kein kosmetisches Detail, sondern Teil eines Ladezeit-Erlebnisses, das Conversions schützt.