Core Web Vitals

Core Web Vitals sind drei Performance-Metriken, die Google 2021 als offiziellen Ranking-Faktor eingeführt hat: LCP (Largest Contentful Paint - Ladezeit des Hauptinhalts, Ziel: < 2.5s), FID (First Input Delay - Zeit bis zur ersten Interaktion, Ziel: < 100ms) und CLS (Cumulative Layout Shift - visuelle Stabilität, Ziel: < 0.1). Diese Metriken messen die tatsächliche User Experience, nicht nur technische Ladezeiten.

Websites mit guten Core Web Vitals haben messbare Vorteile: Höhere Conversion-Rates (Studien zeigen +32% durch bessere LCP), niedrigere Bounce-Rates und bessere Google-Rankings. Google betrachtet User Experience als entscheidenden Faktor - langsame, instabile Websites werden abgestraft. Tools wie Google PageSpeed Insights und Lighthouse messen Core Web Vitals und geben Optimierungsvorschläge.

Optimierung der Core Web Vitals umfasst: Image-Optimization (WebP-Format, Lazy Loading), Code-Splitting, Server-Side Rendering, Caching-Strategien und Vermeidung von Layout-Shifts durch reservierten Platz für Bilder. Frameworks wie Next.js bieten viele dieser Optimierungen out-of-the-box. Eine Investition in Core Web Vitals ist eine Investition in bessere Rankings und höhere Conversions.

Aktualisierung zur Metrik: Google hat im März 2024 First Input Delay (FID) durch INP (Interaction to Next Paint) als Core Web Vital ersetzt. INP misst nicht nur die erste, sondern die Reaktionszeit über alle Interaktionen einer Sitzung; als gut gilt ein Wert unter 200 Millisekunden, verbesserungswürdig bis 500 Millisekunden. Damit rücken JavaScript-Ausführung und Blockaden des Main-Threads stärker in den Fokus.

Für die Bewertung ist außerdem wichtig, dass Google die Felddaten echter Nutzer heranzieht (CrUX-Report, gemessen am 75. Perzentil), nicht die Laborwerte eines einzelnen Lighthouse-Laufs - eine Website kann im Labortest grün sein und im Feld dennoch durchfallen. Konkrete Hebel je Metrik: LCP verbessert man durch Priorisierung und Preload des größten sichtbaren Elements (meist das Hero-Bild), moderne Bildformate wie WebP/AVIF und schnelle Serverantworten; CLS durch feste Breiten- und Höhenangaben für Bilder und reservierten Platz für nachladende Inhalte; INP durch das Aufteilen langer Aufgaben, weniger und schlankeres JavaScript sowie das Verlagern von Arbeit weg vom Main-Thread. Die vorgelagerte Diagnosemetrik TTFB (Time to First Byte) hilft, serverseitige Verzögerungen einzugrenzen.