Core Web Vitals
Core Web Vitals sind die drei wichtigsten Metriken von Google für das Nutzererlebnis auf Ihrem Webshop: Ladegeschwindigkeit (LCP), Interaktivität (INP) und visuelle Stabilität (CLS). Sie sind ein offizieller Google-Ranking-Faktor und beeinflussen direkt Ihre Suchpositionen.
Was sind Core Web Vitals?
Core Web Vitals (CWV) ist ein Satz von drei Metriken, die Google verwendet, um die technische Nutzererfahrung auf einer Website zu messen. Sie wurden im Jahr 2020 eingeführt und sind seit 2021 ein offizieller Ranking-Faktor. Schlechte Core Web Vitals können Ihre Google-Positionen nach unten ziehen, während gute Werte einen Wettbewerbsvorteil darstellen.
Die drei Core Web Vitals
LCP (Größtes inhaltsreiches Bild)
Misst die Ladegeschwindigkeit - insbesondere, wie lange es dauert, bis das größte sichtbare Inhaltselement (in der Regel ein Heldenbild oder ein großer Textblock) vollständig gerendert ist.
- Gut: unter 2,5 Sekunden
- Verbesserungsbedürftig: 2,5-4,0 Sekunden
- Schlecht: Über 4,0 Sekunden
INP (Interaktion zum nächsten Bild)
Wurde im März 2024 durch FID (First Input Delay) ersetzt. Misst die Reaktionsfähigkeit - wie schnell die Seite visuell auf Benutzerinteraktionen wie Klicks, Tippen und Tastatureingaben während des Besuchs reagiert.
- Gut: unter 200 Millisekunden
- Verbesserungsbedürftig: 200-500 Millisekunden
- Schlecht: Über 500 Millisekunden
CLS (Kumulative Layout-Verschiebung)
Misst die visuelle Stabilität - wie stark der Seiteninhalt während des Ladens unerwartet springt.
- Gut: Weniger als 0,1
- Verbesserungsbedürftig: 0,1-0,25
- Schlecht: Über 0,25
Warum ist CWV wichtig für Ihren Webshop?
- Google-Ranking: CWV ist ein offizieller Ranking-Faktor. Zwei Seiten mit demselben Inhalt und derselben Relevanz - die Seite mit dem besseren CWV rangiert höher.
- Konversionsrate: Schnelle, stabile Seiten konvertieren besser. Google hat dokumentiert, dass eine Verbesserung der LCP um 100ms die Konversionsrate um bis zu 2% erhöhen kann.
- Benutzererfahrung: Langsame Seiten, nicht reagierende Schaltflächen und sprunghafte Layouts frustrieren die Kunden und schicken sie zur Konkurrenz.
- Absprungrate: 53 % der mobilen Besucher verlassen eine Seite, die länger als 3 Sekunden zum Laden braucht.
Wie man CWV verbessern kann
LCP-Optimierung
- Optimieren Sie Bilder (WebP-Format, korrekte Größe, träges Laden für Bilder, die unter der Klappe liegen)
- Minimierung von CSS und JavaScript, die das Rendering blockieren
- CDN verwenden, um statische Dateien schneller auszuliefern
- Vorladen des wichtigsten Bildes (Heldenbild)
INP-Optimierung
- Minimierung der JavaScript-Ausführung und Vermeidung langer Aufgaben (>50ms)
- Skripte von Drittanbietern (Chat, Analytics, Pixel) aufschieben oder verzögert laden
- Verwendung von requestAnimationFrame für visuelle Aktualisierungen
CLS-Optimierung
- Bei Bildern und Videos immer die Abmessungen (Breite/Höhe) festlegen
- Reservieren Sie Platz für dynamische Inhalte (Banner, Anzeigen)
- Schriftartanzeige verwenden: Tausch mit Preload für Web-Schriftarten
Tools zur Messung
- Google Search Console: Der Bericht "Core Web Vitals" zeigt Daten für Ihre gesamte Website an, die auf echten Nutzerdaten basieren.
- PageSpeed Insights: Detaillierte Analyse einzelner Seiten mit konkreten Vorschlägen zur Verbesserung.
- Chrome DevTools (Lighthouse): Laborbasierte Leistungsprüfung mit detaillierten Metriken.
- Web Vitals Extension: Chrome-Erweiterung, die CWV in Echtzeit anzeigt.
Wir bei Shoporama kennen uns mit Online-Marketing aus
Wir beschäftigen uns selbst seit Jahrzehnten mit Online-Marketing. Als einziges Shopsystem im Land haben wir bereits mehrfach auf Konferenzen wie Marketingcamp, SEOday, Shopcamp, Digital Marketing, E-Commerce Manager, Ecommerce Day, Web Analytics Wednesday und vielen mehr gesprochen.