CLS prüfen: warum Inhalte beim Laden verspringen

Der Cumulative Layout Shift misst, wie stark sichtbare Inhalte während des Ladens ihre Position ändern. Er ist der einzige Kernwert ohne Zeiteinheit — und der einzige, dessen Auswirkung jeder kennt: Man will klicken, und im selben Moment rutscht der Knopf weg.

Was dazu geprüft wird

1 Prüfpunkte aus dem den erhobenen Signalen dieses Prüfbereichs — die Liste stammt aus dem Messkern, nicht aus diesem Text.

Layoutstabilität (CLS)
Ob Inhalte während des Ladens verspringen — die Ursache für versehentliche Klicks auf das falsche Element.

Jeder dieser Punkte steht mit Erklärung in der vollständigen Prüfpunktliste.

Worauf es in der Praxis ankommt

Die häufigste Ursache sind Bilder und eingebettete Inhalte ohne angegebene Abmessungen. Der Browser weiß nicht, wie viel Platz er freihalten soll, und schiebt beim Eintreffen alles nach unten.

Zweithäufigste Ursache sind nachträglich eingeblendete Elemente: Hinweisleisten, Einwilligungsbanner, Werbeflächen. Wenn sie Platz einnehmen, statt zu überlagern, verschieben sie den gesamten Inhalt.

Der dritte Fall sind Schriften: Wird zuerst eine Ersatzschrift dargestellt und dann ausgetauscht, ändern sich Zeilenumbrüche und damit die Position alles Folgenden.

Häufige Fragen

Ab welchem Wert gilt der CLS als gut?

Die Einstufung nimmt das Messwerkzeug anhand der veröffentlichten Schwellen vor; unser Bericht nennt den gemessenen Wert samt Einstufung. Entscheidend für die Praxis ist die Ursache, nicht die Nachkommastelle.

Zählen Verschiebungen nach einer Nutzeraktion mit?

Verschiebungen unmittelbar nach einer Eingabe werden ausgenommen — sie sind meist gewollt, etwa beim Aufklappen eines Bereichs.

Wie verhindert man Verschiebungen durch Bilder?

Indem Breite und Höhe angegeben werden. Der Browser hält den Platz dann von Anfang an frei, auch wenn das Bild erst später eintrifft.

Weitere Themen aus Performance

Website prüfen lassen Erst das Prüfverfahren verstehen →