Warum das in Ihrer Woche auftaucht
Der Nutzer zielt auf „Call anfragen". Ein Cookie-Banner oder lazy Bild schiebt den Button nach unten. Er tippt falsch. Dieser Sprung ist CLS, und er gibt Ihrer Site die Schuld, nicht dem Banner-Vendor.
Klartext
Setzen Sie immer width und height (oder aspect-ratio) auf Bilder und Embeds, damit Platz vor dem Laden reserviert ist.
Vermeiden Sie Banner über bestehendem Content ohne reservierte Region.
Font-Swaps können Text verschieben. font-display-Strategien und ähnliche Fallback-Metriken reduzieren späte Text-Sprünge.
Spät ladende Chat-Widgets und Sticky Bars sind häufige CLS-Übeltäter auf Marketing-Sites.
Messen Sie auf mobilen Felddaten. Desktop-Screenshots verbergen Shifts auf Daumen-Höhe.
Fakten zum Behalten
- Gute Schwelle
- ≤0,1 beim 75. Perzentil
- Verbesserung nötig
- 0,1–0,25
- Schlecht
- >0,25
- Typische Ursachen
- Bilder ohne Dimensionen, Ads/Embeds, späte Fonts, injizierte Banner
- Familie
- Core Web Vital mit LCP und INP
Nicht dasselbe wie
- Smooth Animationen, die Sie intendiertenCLS scored unerwartete Shifts. Intentionale Transitions sind ein anderes Thema.
- LCPLCP geht um Main-Content-Paint. CLS geht darum, ob Content danach springt.
- Scroll-Positionsänderungen durch User-InputUser-gesteuertes Scrollen ist nicht dasselbe wie Layout Shift durch ladenden Content.
Wo es wehtut
CLS tut weh auf Mobile, wenn Cookie-Banner, Chat-Widget oder lazy Bild den primären CTA verschieben, nachdem der Daumen schon unterwegs ist.
Rage Taps und Fehlklicks folgen, und Form-Analytics wirken auf Phones mysteriös schlechter.
Was zu prüfen ist
- Welche Elemente tragen den meisten Shift in mobilen Felddaten bei?
- Reservieren Bilder und Embeds Platz vor dem Laden?
- Schieben spät ladende Banner oder Sticky Bars Content ohne reservierte Region?
- Verursachen Webfonts späte Text-Sprünge auf Schlüssel-Templates?
- Reserviert das Cookie-Banner-Layout Platz ab First Paint?
Häufige Fragen
Was ist CLS?
Cumulative Layout Shift misst, wie stark sichtbarer Content während Load und Interaction unerwartet springt.
Was ist ein guter CLS-Score?
Google behandelt 0,1 oder weniger beim 75. Perzentil als gut. Zwischen 0,1 und 0,25 braucht Verbesserung. Über 0,25 ist schlecht.
Was sollten Sie zuerst für CLS fixen?
Platz für Bilder, Embeds und dynamische Banner reservieren, dann späte Fonts und UI adressieren, die über bestehendem Content injiziert wird.
Beeinflussen Cookie-Banner CLS?
Ja, wenn sie Content ohne reservierten Platz verschieben oder spät laden. Banner ins First Layout designen.
Ist CLS nur eine SEO-Metrik?
Nein. Es ist eine UX-Metrik, die auch SEO speist. Nutzer fühlen es als Sprünge und Fehlklicks.