CLS (Cumulative Layout Shift)
Prüft Cumulative Layout Shift — wie viel die Seite beim Laden springt. Ziel unter 0.1.
Was dieser Check misst
Wir fragen CrUX für p75 CLS. Ziel: unter 0.1. Werte über 0.25 failen. Meist durch Bilder ohne Dimensions, late-loading Fonts oder Ads über Content.
Warum es wichtig ist
CLS = Content springt. User klicken falschen Button; schlechte UX und Google penalisiert. Einfach zu fixen: explizite Dimensions auf jedem Media-Element.
Wie unser Audit es erkennt
CrUX p75 CLS über 28 Tage. Lab-CLS aus PageSpeed als Fallback.
Typische Findings
- error_outlineBilder ohne width/height-Attribute.
- error_outlineFont-display: swap verursacht Text-Shift beim Font-Load.
- error_outlineCookie-Banner above-the-fold nach Initial-Paint injiziert.
So behebst du es
width und height auf jedes Bild, Video, Iframe. font-display: optional oder Critical-Fonts preloaden. Space für Cookie-Banner/Ads mit min-height reservieren.
Copy-Paste Fix-Prompt für deinen Stack
Lovable · Cursor · Bolt · v0 · Replit · Windsurf · Claude Code · Base44
Häufige Fragen
Font-Swap-CLS fixen?expand_more
Soll das auf deiner Site geprüft werden?
Pantra läuft den vollen Audit (SEO, Sicherheit, GEO, Performance, Schema, Technik, Bilder) in 10 Sekunden und generiert stack-spezifische Fix-Prompts.
Site scannenÄhnliche Checks
LCP (Largest Contentful Paint)
Prüft Largest Contentful Paint — wie schnell der Haupt-Content erscheint. Ziel unter 2.5s.
PerformanceINP (Interaction to Next Paint)
Prüft Interaction to Next Paint — Reaktion auf Klicks/Taps. Ziel unter 200ms.
PerformanceFCP (First Contentful Paint)
Prüft First Contentful Paint — wann erster Text/Bild erscheint. Ziel unter 1.8s.
PerformanceTTFB (Time to First Byte)
Prüft Time to First Byte — Server-Response-Zeit. Ziel unter 600ms.