Core Web Vitals

Was sind Core Web Vitals?

Core Web Vitals sind drei konkrete Metriken, mit denen Google die gefühlte Nutzererfahrung auf einer Seite bewertet: LCP (Largest Contentful Paint) misst, wie schnell der Hauptinhalt geladen wird, INP (Interaction to Next Paint) misst, wie schnell die Seite auf Klicks und Berührungen reagiert, und CLS (Cumulative Layout Shift) misst die visuelle Stabilität. INP hat am 12. März 2024 das frühere FID ersetzt. Eine Seite gilt als bestanden, wenn der LCP bei 2,5 Sekunden oder weniger, der INP bei 200 ms oder weniger und der CLS bei 0,1 oder weniger liegt.

Warum sind Core Web Vitals wichtig?

Für einen Online-Shop wirken sich diese Werte sowohl auf den Umsatz als auch auf die Sichtbarkeit aus. Ein langsamer LCP und ein verzögerter INP auf Produkt- und Kategorieseiten erhöhen die Absprungrate und senken die Conversion genau dort, wo der Kunde dem Kauf am nächsten ist. Core Web Vitals fließen auch in Googles Page-Experience-Signale ein und können als Zünglein an der Waage zwischen ansonsten gleich starken Ergebnissen dienen. Google bewertet die Ergebnisse anhand von Felddaten echter Besucher (dem Chrome User Experience Report) am 75. Perzentil, separat ausgewiesen für Mobilgeräte und Desktop — es entscheidet also das langsamste Viertel Ihrer Nutzer über das Ergebnis.

Typische Anwendungsfälle

• Diagnose einer langsamen Produktseite mit PageSpeed Insights oder dem Core Web Vitals-Bericht in der Search Console.
• Optimierung des LCP durch Komprimierung von Hero-Bildern, Verwendung von WebP und Vorabladen des größten Bildes.
• Beseitigung von CLS, der durch Banner, Cookie-Popups und Schriftarten verursacht wird, die das Layout beim Laden der Seite verschieben.
• Verbesserung des INP durch Reduzierung von schwerem JavaScript aus Apps und Drittanbieter-Skripten.
• Dokumentation der Auswirkungen eines neuen Themes oder einer neuen App für Entwickler oder das Management.

Shopify-Perspektive

Shopify-Themes starten oft stark, aber Apps, Chatbots und Tracking-Skripte ziehen die Werte in der Regel nach unten. Messen Sie immer auf echten URLs mit Felddaten statt mit einem einzelnen Laborwert und deinstallieren Sie Apps, die Sie nicht mehr verwenden. Verlassen Sie sich auf das native Lazy-Loading des Themes und das Bild-CDN von Shopify. Denken Sie daran, dass Popups und Werbebanner in der Praxis die häufigsten Ursachen für einen schlechten CLS sind.