Was ist Core Web Vitals?

Core Web Vitals sind Googles standardisierte Kennzahlen für die tatsächliche Nutzererfahrung im Web. Sie quantifizieren, wie schnell eine Seite sichtbar wird, wie zügig sie auf Interaktionen reagiert und wie stabil das Layout während des Critical Path wirkt. Für Composable Storefronts schlagen sich diese Werte direkt in Conversion-Zahlen und organischen Ranking-Signalen nieder.

Definition

Die Core Web Vitals umfassen aktuell drei Feldmetriken: Largest Contentful Paint (LCP) für Ladegeschwindigkeit, Interaction to Next Paint (INP) für Responsiveness und Cumulative Layout Shift (CLS) für visuelle Stabilität. Jede Metrik wird über das 75. Perzentil realer Sessions aus dem Chrome User Experience Report bewertet. Lab-Tools wie Lighthouse, WebPageTest oder die PageSpeed-Insights-API liefern Näherungen, ersetzen aber kein Real-User-Monitoring über die web-vitals-Bibliothek, das Beacons in eine Analytics- oder RUM-Pipeline schickt.

Warum es zählt

Im E-Commerce korrelieren die Vitals stark mit Bounce-Rate, Add-to-Cart-Quoten und Umsatz pro Session. Schlechte LCP-Werte deuten meist auf zu schwere Hero-Bilder, blockierendes First-Party-JS oder eine träge Time to First Byte aus dem Render-Layer hin. Hohe INP-Werte sind oft Symptom teurer Hydration auf Listing-Seiten, während CLS durch spät ladende Fonts, Banner und neu fließende Badges entsteht. Da die Vitals als Page-Experience-Signal in das SEO einfließen, beeinflussen sie organische Reichweite und greifen direkt in die search-engine-optimization-seo-Strategie ein.

Anwendungsfälle

Headless-Teams, die Next.js, Remix oder Nuxt auf Vercel Edge oder Cloudflare Workers betreiben, nutzen Vitals als Nachweis, dass der Wechsel von einer monolithic-architecture zu composable-commerce die User Experience tatsächlich verbessert. Typische Setups laden die web-vitals-Bibliothek über ein content-management-system-cms-Tag, segmentieren nach Template, Route und Device und hängen Alerts an Release-Pipelines. PDP- und PLP-Teams nutzen INP-Regressionen als Gate für neue React-Bundles, Merchandiser beobachten CLS beim Rollout personalisierter Module. Die Metriken bilden auch die vertragliche Basis vieler Performance-SLAs mit Agenturen und Storefront-Anbietern.

Verwandt

Mehr dazu: Performance and Core Web Vitals · Composable Headless Frontend.