Zum Hauptinhalt springen
E-CommercePerformance
Paul Weinsberg

Core Web Vitals: Verliert Ihr Shop Verkäufe, bevor die Seite überhaupt geladen ist?

Ein Besucher klickt auf Ihre Anzeige, landet in Ihrem Shop… und wartet. Eine Sekunde, zwei, drei. Bevor Ihr Produkt überhaupt erscheint, ist er weg, wahrscheinlich zur Konkurrenz. Das ist kein hypothetisches Szenario: Mehr als die Hälfte der mobilen Besucher verlässt eine Seite, die länger als drei Sekunden zum Laden braucht.

Um diese Realität zu messen, hat Google die Core Web Vitals geschaffen: drei einfache Kennzahlen, die das reale Erlebnis Ihrer Besucher bewerten. Und sie beeinflussen direkt sowohl Ihre Sichtbarkeit bei Google als auch Ihre Conversion-Rate. Hier ist, was jeder E-Commerce-Betreiber wissen sollte.

Was sind Core Web Vitals?

Core Web Vitals sind drei Metriken, mit denen Google die Erfahrung bewertet, die eine Seite echten Nutzern bietet, statt Robotern oder Simulationen. Eine Seite gilt als „gut", wenn mindestens 75 % der Besucher ein gutes Erlebnis haben, getrennt gemessen für Mobilgeräte und Desktop.

MetrikWas sie misstGuter Wert
LCP (Largest Contentful Paint)Ladegeschwindigkeit: wann das Hauptelement (oft Ihr Produktbild) sichtbar wird≤ 2,5 s
INP (Interaction to Next Paint)Reaktionsfähigkeit: wie schnell die Seite auf einen Klick oder Tippen reagiert≤ 200 ms
CLS (Cumulative Layout Shift)Visuelle Stabilität: ob sich Elemente unerwartet verschieben≤ 0,1

Einfach ausgedrückt, für einen Online-Shop:

  • LCP = wie schnell der Kunde Ihr Produkt sieht.
  • INP = wie reibungslos der Button „In den Warenkorb", Filter und Menüs reagieren.
  • CLS = ob der Button, auf den der Kunde gerade klicken wollte, plötzlich springt, weil ein Banner erscheint.

Warum das für Ihr Geschäft wichtig ist

Ihre Sichtbarkeit bei Google

Core Web Vitals gehören zu den Signalen, die Google für das Ranking von Seiten nutzt. Zwischen zwei Shops mit ähnlichen Produkten und ähnlicher Content-Qualität gewinnt der schnellere. Da Google Mobilgeräte und Desktop getrennt bewertet und der Großteil des E-Commerce-Traffics mobil ist, ist Ihr mobiler Wert entscheidend.

Ihr Umsatz

Hier werden die Zahlen überzeugend. Unternehmen, die ihre Core Web Vitals verbessert haben, maßen einen echten Geschäftseinfluss:

  • Vodafone: +8 % Umsatz nach 31 % schnellerer Ladezeit
  • Cdiscount: +6 % Umsatz am Black Friday nach Verbesserung aller drei Metriken
  • AliExpress: 15 % weniger Absprünge nach drastisch verbesserter visueller Stabilität
  • Redbus: mobile Conversion-Rate fast verdoppelt nach Behebung von Layoutverschiebungen und schnelleren Interaktionen

Performance ist kein technischer Luxus: Sie ist ein Verkaufshebel.

Was Sie bei schlechten Werten riskieren

Konkret bedeuten schlechte Werte sehr reale Frustrationen für Ihre Kunden:

  • Ein Kunde tippt auf „In den Warenkorb", eine halbe Sekunde passiert nichts, er tippt erneut… und hat zwei Artikel im Warenkorb (oder bricht ab).
  • Er will gerade auf ein Produkt tippen, ein Werbebanner lädt und schiebt alles nach unten, sodass er das falsche Element trifft.
  • Auf dem Smartphone braucht Ihre Kategorieseite fünf Sekunden, um etwas anzuzeigen. Die Hälfte Ihrer Besucher sieht Ihren Katalog nie.

Woher wissen Sie, wo Sie stehen?

Gute Nachrichten: Messen ist kostenlos und dauert fünf Minuten.

  1. PageSpeed Insights (pagespeed.web.dev): Geben Sie die URL einer Produktseite ein und erhalten Sie sofort Ihre Werte, basierend auf Daten echter Nutzer.
  2. Google Search Console: Der Core-Web-Vitals-Bericht zeigt, welche Seitengruppen (Startseite, Kategorien, Produkte) bestehen oder durchfallen, sowohl für Mobilgeräte als auch für Desktop.
  3. Real User Monitoring: Für ein tieferes Monitoring zeigen Tools wie die web-vitals-Bibliothek oder Cloudflare genau, welche Interaktionen auf welchen Seiten langsam sind.

Eine wichtige Regel: Vertrauen Sie Felddaten (echte Besucher) mehr als Labortests. Ein perfekter Wert in einem Testtool bedeutet nichts, wenn Ihre echten Kunden auf Mittelklasse-Smartphones vier Sekunden warten.

Wie Sie verbessern: drei Ebenen des Handelns

Ebene 1: Redaktionell: was Sie auf Ihren Seiten einsetzen

Ganz ohne Entwickler sind oft schon schnelle Verbesserungen möglich:

  • Komprimieren Sie Ihre Bilder und nutzen Sie moderne Formate (WebP, AVIF). Ein Produktfoto muss keine 3 MB wiegen.
  • Skalieren Sie Bilder auf ihre Anzeigegröße und vermeiden Sie ein 4000 Pixel breites Foto, das mit 400 Pixeln angezeigt wird.
  • Begrenzen Sie schwere Banner, Pop-ups und Autoplay-Videos, besonders im oberen Seitenbereich.
  • Definieren Sie immer die Bildmaße, damit die Seite beim Laden nicht springt.

Ebene 2: Entwicklung: wie Ihr Shop gebaut ist

  • Das Hauptproduktbild sollte zuerst und mit hoher Priorität geladen werden, aber niemals per Lazy Loading.
  • Drittanbieter-Skripte (Chat, Bewertungen, Retargeting-Pixel, A/B-Tests) sind die klassischen Übeltäter: Prüfen Sie sie, entfernen Sie Unnötiges und laden Sie den Rest nach dem Wesentlichen.
  • Schwere Interaktionen (Filter, Karussells, Warenkorb) sollten sofortiges visuelles Feedback geben, auch während der Server antwortet.
  • Eine regelmäßige Bereinigung Ihres Tag Managers verhindert, dass sich unsichtbare Verlangsamungen ansammeln.

Ebene 3: Infrastruktur: wo Ihr Shop läuft

  • Ein CDN liefert Ihre Seiten von Servern in der Nähe Ihrer Besucher und verkürzt die Antwortzeit.
  • Caching (einschließlich moderner Techniken wie dem Back/Forward-Cache und Prerendering) kann die Navigation nahezu sofort wirken lassen.
  • Ihr Hosting und Ihre Plattformarchitektur setzen die Obergrenze: Ein langsamer Server benachteiligt jede einzelne Seite.

Häufig gestellte Fragen

Was sind Core Web Vitals und warum sollte ich mich als Shop-Betreiber darum kümmern?

Core Web Vitals sind drei Metriken, mit denen Google das reale Erlebnis Ihrer Besucher bewertet: LCP (Ladegeschwindigkeit), INP (Reaktionsfähigkeit) und CLS (visuelle Stabilität). Sie zählen, weil sie sowohl Ihre Sichtbarkeit bei Google als auch Ihre Conversion-Rate beeinflussen.

Wie erkenne ich, ob die Core Web Vitals meines Shops gut sind?

Nutzen Sie PageSpeed Insights (pagespeed.web.dev) für sofortige Werte auf Basis echter Nutzerdaten oder den Core-Web-Vitals-Bericht in der Google Search Console, um zu sehen, welche Seitengruppen auf Mobilgeräten und Desktop bestehen oder durchfallen. Eine Seite gilt als „gut", wenn mindestens 75 % der Besucher ein gutes Erlebnis haben.

Kann die Verbesserung der Core Web Vitals wirklich meinen Umsatz steigern?

Ja. Vodafone erzielte +8 % Umsatz nach 31 % schnellerer Ladezeit, Cdiscount +6 % Umsatz am Black Friday, AliExpress 15 % weniger Absprünge, und Redbus verdoppelte seine mobile Conversion-Rate fast.

Was sind die häufigsten Ursachen für einen langsamen Shop?

Schwere, nicht komprimierte Bilder, überdimensionierte Banner, Pop-ups und Autoplay-Videos sowie Drittanbieter-Skripte wie Chat, Bewertungen, Retargeting-Pixel und A/B-Tests. Auch ein langsamer Server benachteiligt jede Seite.

Brauche ich einen Entwickler, um meine Core Web Vitals zu verbessern?

Nicht immer. Redaktionelle Korrekturen (Bilder komprimieren, richtig skalieren, schwere Banner begrenzen) brauchen keinen Entwickler und sind oft die schnellsten Erfolge. Entwicklungs- und Infrastrukturänderungen erfordern jedoch technische Arbeit.

Sollte ich Labortests oder echten Daten vertrauen?

Vertrauen Sie Felddaten echter Besucher mehr als Labortests. Ein perfekter Wert in einem Testtool bedeutet nichts, wenn Ihre echten Kunden auf Mittelklasse-Smartphones vier Sekunden warten.

Wie oft sollte ich meine Core Web Vitals prüfen?

Behandeln Sie Performance als fortlaufende Disziplin, nicht als einmaliges Projekt: zuerst messen, das Wichtigste beheben und weiter überwachen. Eine regelmäßige Bereinigung Ihres Tag Managers verhindert, dass sich unsichtbare Verlangsamungen ansammeln.

Was bedeuten LCP, INP und CLS konkret für meinen Shop?

LCP ist, wie schnell der Kunde Ihr Produkt sieht, INP, wie reibungslos der Button „In den Warenkorb", Filter und Menüs reagieren, und CLS, ob ein Button springt, weil ein Banner erscheint.

Fazit

Core Web Vitals lassen sich auf drei Fragen reduzieren, die sich Ihre Kunden unbewusst stellen: Lädt es schnell? Reagiert es, wenn ich klicke? Bleibt alles an Ort und Stelle? Wenn die Antwort auf eine dieser Fragen Nein lautet, bezahlen Sie für Traffic, der vor dem Kauf abspringt.

Die gute Nachricht: Die wirkungsvollsten Korrekturen sind bekannt und oft einfach. Entscheidend ist, zuerst zu messen, das Wichtigste zu beheben und Performance als fortlaufende Disziplin zu behandeln, nicht als einmaliges Projekt.

Bei Saphes ist Performance vom ersten Tag an in jeden Shop eingebaut, den wir ausliefern. Neugierig auf Ihre eigenen Werte? Testen Sie eine Seite. Das geht schneller, als diesen Artikel zu lesen.