Core Web Vitals für Unternehmen: LCP, INP & CLS einfach erklärt
Was Largest Contentful Paint, Interaction to Next Paint und Cumulative Layout Shift bedeuten — in klarer Sprache, mit umsetzbaren Fixes.
Core Web Vitals sind Googles Rahmen für reale UX: Laden, Interaktivität und visuelle Stabilität. Sie sind die gemeinsame Sprache zwischen Marketing („wir brauchen Speed“) und Engineering („das optimieren wir“).
LCP — Largest Contentful Paint
Was es ist: wie lange das größte sichtbare Inhaltselement (oft Hero-Bild oder Headline-Block) fertig rendert.
Warum es zählt: Nutzer verankern am ersten Eindruck; ein langsamer Hero fühlt sich wie eine langsame Seite an — auch wenn der Rest passt.
Maßnahmen: Bilder optimieren und korrekt dimensionieren, kritische Assets preloaden, Server-Response verbessern und riesige Above-the-Fold-Karussells ohne Performance-Budget vermeiden.
INP — Interaction to Next Paint (ersetzt FID als Interaktions-Metrik)
Was es ist: Reaktionsfähigkeit auf Klicks, Taps und Tastatur — wie schnell nach einer Interaktion das nächste visuelle Update kommt.
Warum es zählt: „Es reagiert nicht“ ist einer der schnellsten Wege, Leads auf Mobile zu verlieren.
Maßnahmen: lange JS-Tasks splitten, nicht-kritische Arbeit verschieben, Drittanbieter-Skripte prüfen und übermäßige Client-Hydration auf Controls vermeiden.
CLS — Cumulative Layout Shift
Was es ist: unerwartete Bewegung von Inhalten beim Laden (Bilder ohne Maße, spätes Font-Swapping, späte Banner).
Warum es zählt: Layout-Shifts erzeugen Fehlklicks und Reibung — fatal für Formulare und Checkout.
Maßnahmen: explizite Maße für Medien, Platz für Embeds/Ads reservieren, moderne Font-Loading-Strategien, nichts oberhalb bestehender Inhalte nachladen.
Zusammenführung
Sie brauchen keine perfekten Lab-Scores — Sie brauchen konstant gute Real-User-Metriken auf den Routen, die Umsatz treiben. Zuerst LCP auf Landingpages, INP in interaktiven Flows, CLS überall mit Formularen.