Performance · Prüfpunkt
Was ist CLS und warum verspringen Inhalte beim Laden einer Website?
CLS (Cumulative Layout Shift) misst, wie stark die Inhalte einer Seite während des Ladens verspringen — Google bewertet einen Wert bis 0,1 als gut, über 0,25 als schlecht. Jeder kennt den Effekt: Man will auf einen Link tippen, im letzten Moment schiebt ein nachladendes Bild alles nach unten, und der Finger landet auf der Werbung daneben. Genau diese Sprünge zählt der CLS zusammen.
Layoutsprünge kosten Vertrauen und führen zu Fehlklicks
Ein Versprung passiert, wenn ein Element seinen Platz erst beansprucht, nachdem die Seite schon dargestellt ist: Ein Bild lädt ohne reservierte Fläche, ein Werbebanner schiebt sich zwischen Überschrift und Text, eine nachgeladene Schrift ändert die Zeilenhöhe. Für Besucher fühlt sich das an, als hätte die Seite einen Wackelkontakt. Die praktische Folge sind Fehlklicks: Der Finger zielt auf „Abbrechen“ und trifft „Kaufen“, weil sich die Schaltflächen im letzten Moment verschoben haben. Der CLS summiert alle diese Verschiebungen über den Seitenaufbau zu einer einzigen Zahl — je größer die verschobene Fläche und je weiter der Sprung, desto höher der Wert.
Die Google-Schwellen: 0,1 gut, ab 0,25 schlecht
Anders als die Zeit-Messwerte hat der CLS keine Einheit — er ist eine Verhältniszahl aus verschobener Fläche und Sprungweite. Bis 0,1 gilt er als gut, bis 0,25 als verbesserungswürdig, darüber als schlecht. Eine Seite, deren Inhalte gar nicht springen, erreicht 0. Der Prüfservice übernimmt diese offiziellen Google-Schwellen unverändert und misst Mobil und Desktop getrennt, denn auf dem schmalen Telefonbildschirm wirkt sich derselbe Versprung stärker aus: Was am Desktop eine kleine Verschiebung ist, schiebt am Telefon den halben sichtbaren Bereich weg.
So misst der Prüfservice die Layoutstabilität
Der Prüfservice ruft für jede geprüfte Seite die PageSpeed-Messung von Google ab. Sie liefert den CLS aus zwei Quellen: aus den Felddaten echter Besucher der letzten 28 Tage, sofern die Seite genug Aufrufe hat, und aus einer Labormessung unter festgelegten Bedingungen. Liegen Felddaten vor, haben sie Vorrang — sie zeigen, was tatsächlichen Besuchern passiert, samt langsamer Verbindungen und älterer Geräte. Jeder Wert über der Schwelle steht als Befund im Bericht, mit gemessenem Wert, Quelle der Messung und dem Zielwert 0,1 daneben, sodass Ihre Agentur gezielt nachbessern kann.
So gehen Sie es an
- Laden Sie Ihre Startseite am Mobiltelefon und beobachten Sie die ersten Sekunden: Rutscht der Text nach unten, sobald Bilder oder Banner erscheinen?
- Bitten Sie Ihre Agentur, für jedes Bild und jedes Video feste Breiten- und Höhenangaben zu hinterlegen, damit der Platz von Anfang an reserviert ist.
- Lassen Sie Werbeflächen und Einbettungen einen festen Rahmen bekommen, der auch dann stehen bleibt, wenn der Inhalt später oder gar nicht eintrifft.
- Verlangen Sie, dass Hinweisbanner — etwa zu Cookies oder Aktionen — über der Seite schweben oder von Anfang an eingeplant sind, statt den Inhalt nach unten zu drücken.
- Prüfen Sie den CLS nach jedem Umbau der Startseite erneut, denn schon ein neues Banner kann aus einem guten Wert einen schlechten machen.
Häufige Fragen
Was bedeutet CLS bei einer Website?
CLS steht für Cumulative Layout Shift, die aufsummierte Verschiebung des Seitenaufbaus. Der Wert erfasst, wie stark sichtbare Inhalte während des Ladens ihre Position ändern — etwa wenn ein nachladendes Bild den Text nach unten schiebt. Je größer die verschobene Fläche und je weiter der Sprung, desto höher die Zahl. Eine völlig ruhige Seite erreicht den Wert 0.
Welcher CLS-Wert ist gut?
Google stuft einen CLS bis 0,1 als gut ein, bis 0,25 als verbesserungswürdig und darüber als schlecht. Der Wert hat keine Einheit, er ist eine Verhältniszahl aus Fläche und Sprungweite der Verschiebungen. Der Prüfservice prüft gegen genau diese offiziellen Schwellen und nennt im Befund den gemessenen Wert samt Quelle der Messung.
Was verursacht Layoutverschiebungen beim Laden?
Die häufigsten Ursachen: Bilder und Videos ohne hinterlegte Größenangaben, Werbebanner und Einbettungen ohne reservierten Platz, nachträglich eingeschobene Hinweisleisten sowie Schriften, die nach dem Laden die Zeilenhöhe ändern. Allen gemeinsam ist, dass ein Element seinen Platz erst beansprucht, wenn die Seite schon sichtbar ist — und dabei alles darunter verschiebt.
Warum sind Layoutsprünge auf dem Handy schlimmer?
Auf dem schmalen Telefonbildschirm nimmt dasselbe Element einen viel größeren Anteil der sichtbaren Fläche ein. Ein Banner, das am Desktop kaum auffällt, schiebt am Telefon den halben Bildschirm nach unten. Zudem tippen Besucher dort mit dem Finger statt mit dem Mauszeiger — Fehlklicks auf verrutschte Schaltflächen passieren schneller. Der Prüfservice misst deshalb beide Gerätearten getrennt.
Weiter im Prüfbereich Performance
- Was bedeutet FCP und wann zeigt eine Website ihren ersten Inhalt?FCP misst die Zeit bis zum ersten sichtbaren Inhalt einer Seite. Google wertet bis 1,8 Sekunden als gut, über 3 Sekunden als schlecht.
- Was ist TTFB und was sagt die Serverantwortzeit über eine Website aus?TTFB misst, wie lange der Server bis zum ersten Byte der Antwort braucht. Google wertet bis 0,8 Sekunden als gut, über 1,8 Sekunden als schlecht.
- Was misst der Speed Index einer Website?Der Speed Index misst, wie schnell sich der sichtbare Bereich einer Seite füllt. Google wertet bis 3,4 Sekunden als gut, über 5,8 Sekunden als schlecht.
- Was ist die Total Blocking Time und warum reagiert eine Seite beim Laden nicht?Die Total Blocking Time misst, wie lange eine Seite beim Laden für Eingaben blockiert ist. Google wertet bis 200 ms als gut, über 600 ms als schlecht.
Dieser Prüfpunkt gehört zum Prüfbereich Performance — dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.