CLS (Cumulative Layout Shift).
CLS ist eine der drei Core Web Vitals von Google und misst die visuelle Stabilität einer Seite. Er quantifiziert, wie stark sich Elemente beim Laden verschieben — z.B. ein Button, der plötzlich an eine andere Stelle springt. Ein CLS-Wert unter 0.1 gilt als 'gut'.
CLS (Cumulative Layout Shift) — ausführlich erklärt
CLS (Cumulative Layout Shift) ist eine der drei Core Web Vitals von Google und misst die visuelle Stabilität einer Webseite. Der CLS-Score quantifiziert, wie stark sich sichtbare Elemente beim Laden einer Seite verschieben — zum Beispiel wenn ein Bild nachlädt und einen Button nach unten schiebt, den der Nutzer gerade anklicken wollte. Ein CLS-Wert unter 0.1 gilt als 'gut', 0.1–0.25 als 'verbesserungswürdig', über 0.25 als 'schlecht'.
Visuelle Instabilität ist nicht nur ärgerlich für Nutzer — sie ist seit 2021 ein direkter Google-Ranking-Faktor. Häufige Ursachen für einen hohen CLS: Bilder ohne definierte Breite/Höhe-Attribute (der Browser weiss nicht, wie viel Platz reserviert werden soll), nachladende Werbeanzeigen, Web-Fonts die beim Laden springen (Flash of Invisible Text / Flash of Unstyled Text) und dynamisch eingefügte Inhalte über dem bestehenden Inhalt.
Massnahmen zur CLS-Verbesserung: Setzen Sie immer Breiten- und Höhen-Attribute für Bilder und Videos. Reservieren Sie Platz für Anzeigen und eingebettete Inhalte. Laden Sie Web-Fonts mit `font-display: optional` oder `swap`. Vermeiden Sie das Einfügen neuer Inhalte über vorhandenem Content. Bei DLM Digital sind CLS-Optimierungen Teil jedes Webdesign-Projekts — standardmässig.
Weiterführende Seite
Core Web VitalsHäufige Fragen zu CLS (Cumulative Layout Shift)
CLS können Sie in Google PageSpeed Insights (pagespeed.web.dev), Google Search Console (Core Web Vitals Report) und den Chrome DevTools (Lighthouse-Audit) messen. Für Feldmessung (echte Nutzerdaten) nutzen Sie den Core Web Vitals Report in der Search Console — dieser zeigt, wie echte Nutzer Ihre Seite erleben.
Häufige Ursachen: Bilder ohne Breite/Höhe-Attribute, nachladende Werbeanzeigen, Web-Fonts ohne font-display-Einstellung, dynamisch eingefügte Banner oder Cookie-Hinweise über dem Hauptinhalt, und lazy-geladene Inhalte ohne Platzhalter-Dimensionen.
Ja. Seit dem Page Experience Update 2021 sind alle drei Core Web Vitals (LCP, FID/INP, CLS) direkte Google-Ranking-Faktoren. Ein guter CLS-Wert verbessert nicht nur die Nutzererfahrung, sondern beeinflusst auch die organischen Rankings — besonders auf mobilen Geräten.
Weitere Begriffe mit „C“
CMS (Content Management System)
Ein CMS ist eine Software, mit der Sie Website-Inhalte ohne Programmierkenntnisse erstellen und bear...
CDN (Content Delivery Network)
Ein CDN ist ein globales Netzwerk von Servern, das Ihre Website-Dateien möglichst nah beim Nutzer au...
Conversion Rate
Die Conversion Rate misst, wie viel Prozent Ihrer Website-Besucher eine gewünschte Aktion ausführen ...
Bereit für Ihr Projekt?
Wenden Sie dieses Wissen auf Ihre Website an — DLM Digital hilft Ihnen dabei.