Definition
Core Web Vitals sind drei von Google definierte Kennzahlen für die wahrgenommene Qualität einer Seite: LCP (Largest Contentful Paint) für die Ladegeschwindigkeit, INP (Interaction to Next Paint) für die Reaktionsfähigkeit, CLS (Cumulative Layout Shift) für die visuelle Stabilität.
Die Zielwerte sind eindeutig: LCP unter 2,5 Sekunden, INP unter 200 Millisekunden, CLS unter 0,1. Gemessen wird nicht im Labor, sondern an echten Nutzerdaten aus dem Chrome User Experience Report - das trennt die Werkstatt-Optimierung von der Realität.
Typische Hebel: Bilder in modernen Formaten (AVIF/WebP) mit festen Maßen, selbst gehostete Fonts statt render-blockierender CDN-Aufrufe, weniger JavaScript im kritischen Pfad und reservierter Platz für nachladende Elemente gegen Layout-Sprünge.
Warum's zählt
Core Web Vitals sind seit 2021 offizieller Google-Rankingfaktor - und gleichzeitig Conversion-Treiber: jede zusätzliche Sekunde Ladezeit kostet messbar Abschlüsse, besonders auf Mobile.
In der Praxis
- 01Ein render-blockierender Google-Fonts-Aufruf mit display:block verzögert den LCP - selbst gehostete Fonts mit font-display: swap lösen das.
- 02Bilder ohne feste Breite und Höhe verursachen CLS, weil der Browser den Platz erst nach dem Laden kennt.
- 03Schweres JavaScript im Hauptthread verschlechtert INP - jede Interaktion fühlt sich träge an.
