Core Web Vitals sind drei zentrale Leistungskennzahlen von Google, die die Nutzererfahrung einer Website messen. Sie sind seit 2021 ein offizieller Google-Ranking-Faktor und werden auf Basis echter Nutzerdaten (Field Data) erhoben.
Die drei Metriken
LCP (Largest Contentful Paint): Misst wie schnell das größte sichtbare Element lädt. Ziel: unter 2,5 Sekunden. Typisches Problem: unkomprimierte Hero-Bilder. INP (Interaction to Next Paint): Misst wie schnell die Seite auf Klicks und Eingaben reagiert. Ziel: unter 200 Millisekunden. Typisches Problem: zu viel JavaScript. CLS (Cumulative Layout Shift): Misst ob Inhalte beim Laden springen. Ziel: unter 0,1. Typisches Problem: Bilder ohne definierte Größe im HTML.
Wie messe ich Core Web Vitals?
Google PageSpeed Insights zeigt sowohl Labor- als auch Felddaten. Google Search Console hat einen eigenen Core-Web-Vitals-Bericht für alle Seiten. Chrome DevTools Lighthouse-Tab für lokale Tests während der Entwicklung.
Die häufigsten Optimierungen
Bilder in WebP-Format konvertieren und mit srcset responsive ausliefern (LCP). JavaScript mit defer laden und unnötige Plugins entfernen (INP). Bildgrößen (width/height) im HTML angeben und Fonts mit font-display: swap laden (CLS).