In der Google Search Console steht bei deinem Shop unter Core Web Vitals eine rote oder gelbe Zahl, und du fragst dich, wie schlimm das ist und was du dagegen tun kannst. Die kurze Antwort: Es ist selten der Grund für ein schlechtes Ranking, aber fast immer ein Grund für verlorene Bestellungen. Ein Shop, der auf dem Handy vier Sekunden zum ersten Bild braucht, verliert Kunden, bevor sie das Sortiment gesehen haben.
Dieser Artikel erklärt die drei Messwerte in verständlicher Sprache, zeigt die typischen Ursachen bei Shopify und WooCommerce, gibt dir einen Ablauf zur Optimierung und ordnet ein, wie viel Aufwand sich lohnt. Alle Beispiele stammen aus Shop-Projekten, in denen Ladezeit ein Thema war, weil Produktbilder, Apps und Themes über Jahre gewachsen sind.
Was die Core Web Vitals sind
Die Core Web Vitals sind ein Set von drei Metriken, mit denen Google die Nutzererfahrung einer Seite bewertet. Sie sind Teil der sogenannten Page Experience, die Google als Signal im Ranking verwendet. Jede Kennzahl hat einen Schwellenwert für „gut“, „verbesserungswürdig“ und „schlecht“. Eine Seite besteht die Prüfung, wenn 75 Prozent der Seitenaufrufe im grünen Bereich liegen.
| Kennzahl | Misst | Gut | Verbesserungswürdig | Schlecht |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Zeit bis das größte sichtbare Element geladen ist, im Shop meist das Produktbild oder Hero-Banner | bis 2,5 s | 2,5 bis 4,0 s | über 4,0 s |
| INP (Interaction to Next Paint) | Verzögerung zwischen einer Nutzeraktion, etwa Klick auf „In den Warenkorb“, und der sichtbaren Reaktion | bis 200 ms | 200 bis 500 ms | über 500 ms |
| CLS (Cumulative Layout Shift) | Wie stark sich das Layout während des Ladens verschiebt | bis 0,1 | 0,1 bis 0,25 | über 0,25 |
INP hat den früheren Wert First Input Delay abgelöst. Der Unterschied ist relevant: FID hat nur die erste Interaktion gemessen, INP alle Interaktionen während des Besuchs. Ein Shop, bei dem der Warenkorb-Button auf der Produktseite hakt oder der Filter in der Kategorie ruckelt, fällt bei INP durch, auch wenn die Seite schnell lädt.
Felddaten und Labordaten: Warum PageSpeed Insights zwei Ergebnisse zeigt
Wenn du eine URL in PageSpeed Insights eingibst, bekommst du zwei Bereiche. Oben stehen die Felddaten aus dem Chrome User Experience Report, also Messungen von echten Chrome-Nutzern in den letzten 28 Tagen. Unten steht der Laborwert, den ein simulierter Aufruf unter festgelegten Bedingungen erzeugt.
Für das Ranking zählen ausschließlich die Felddaten. Der Laborwert hilft bei der Fehlersuche, weil er dir zeigt, welche Elemente die Zeit kosten. Ein Laborscore von 40 bei grünen Felddaten ist kein Problem. Rote Felddaten bei einem Laborscore von 90 sind eines. Die Search Console zeigt unter Core Web Vitals ausschließlich Felddaten, gruppiert nach ähnlichen URLs, etwa alle Produktseiten mit demselben Template.
Kleine Shops mit wenig Traffic haben oft gar keine Felddaten, weil zu wenige Chrome-Nutzer die Seiten besucht haben. Dann fehlt in der Search Console der Bericht oder er zeigt nur wenige URLs. In dem Fall arbeitest du mit dem Laborwert und den Empfehlungen daraus.
Wie wichtig die Core Web Vitals für das Ranking wirklich sind
Google hat mehrfach klargestellt, dass die Page Experience ein Signal unter vielen ist und Inhalt sowie Relevanz Vorrang haben. In der Praxis sehen wir das bestätigt: Ein Shop mit hervorragenden Kategorietexten, guter interner Verlinkung und starken Links rankt auch mit gelben Werten. Ein Shop mit perfekten Werten und dünnen Inhalten rankt nicht. Was Google beim Ranking wirklich gewichtet, haben wir im Artikel über Google Ranking-Faktoren für Onlineshops zusammengefasst.
Die Core Web Vitals wirken an zwei anderen Stellen stärker. Erstens bei Gleichstand: Wenn zwei Shops ähnlich gute Inhalte und Links haben, kann die Nutzererfahrung den Ausschlag geben. Zweitens bei der Conversion: Jede Sekunde Ladezeit auf dem Handy kostet messbar Bestellungen, und ein springendes Layout, bei dem der Nutzer statt „In den Warenkorb“ auf ein Banner tippt, kostet Vertrauen. Für einen Shop mit gesperrten Ads, der jeden organischen Besucher teuer erarbeitet hat, ist das der eigentliche Grund für die Optimierung.
Typische Ursachen schlechter Werte in Onlineshops
LCP: Das Produktbild kommt zu spät
Bei Produktseiten ist das größte sichtbare Element fast immer das Hauptbild, bei Kategorieseiten das Banner oder das erste Produktbild. Ein LCP über 2,5 Sekunden hat meist einen dieser Gründe: Das Bild ist zu groß, es wird per Lazy Loading verzögert, obwohl es sofort sichtbar ist, es liegt auf einem langsamen Server, oder der Browser findet es erst, nachdem er mehrere Skripte und Stylesheets geladen hat. Wie du Bilder richtig vorbereitest, steht im Artikel über Bilder SEO für Produktbilder.
INP: Zu viele Apps und Skripte
Jede App, jedes Tracking-Skript und jedes Widget bringt JavaScript mit, das der Browser ausführen muss. Auf dem Smartphone mit schwächerem Prozessor blockiert das den Hauptthread, und der Klick auf den Warenkorb-Button reagiert erst, wenn die Skripte fertig sind. Typische Übeltäter in Shops: Bewertungs-Apps, Chat-Widgets, Popup-Apps, Upsell-Apps, mehrere Tracking-Pixel und Altersverifikations-Overlays, die bei jedem Seitenaufruf neu prüfen.
CLS: Das Layout springt
Layoutverschiebungen entstehen, wenn Elemente ohne reservierten Platz nachgeladen werden. Im Shop sind das Cookie-Banner, die den Inhalt nach unten schieben, Produktbilder ohne definierte Höhe und Breite, Schriftarten, die nach dem Laden gegen die Systemschrift getauscht werden, Bewertungssterne, die per Skript eingefügt werden, und Banner oder Hinweise zu Versandkosten, die oberhalb des Inhalts erscheinen.
Core Web Vitals bei Shopify optimieren
Shopify betreibt Hosting, Server und Auslieferung selbst, und das auf einem hohen Niveau. Serverantwort und Bildauslieferung sind bei Shopify selten das Problem. Der Hebel liegt bei Theme und Apps.
- Apps inventarisieren und ausmisten: Liste alle installierten Apps auf und prüfe, welche tatsächlich Umsatz oder Zeit bringen. Deinstalliere den Rest. Wichtig: Viele Apps hinterlassen nach der Deinstallation Code-Reste im Theme, die weiter geladen werden. Prüfe theme.liquid und die Snippets auf verwaiste Skripte.
- Theme prüfen: Themes aus dem Shopify Theme Store, die auf der Online Store 2.0 Architektur basieren, erfüllen die Anforderungen an Ladezeit in der Regel. Alte Themes, stark angepasste Themes und Themes von Drittanbietern außerhalb des Stores sind häufig die Ursache für schlechte Werte. Ein Wechsel auf ein aktuelles Theme ist oft günstiger als das Aufräumen des alten.
- Hauptbild nicht verzögern: Das erste Produktbild und das Hero-Banner dürfen kein Lazy Loading haben. Viele Themes setzen loading=“lazy“ pauschal auf alle Bilder. Für das erste Bild gehört stattdessen fetchpriority=“high“ gesetzt.
- Bildgrößen im Theme kontrollieren: Shopify liefert Bilder per srcset in mehreren Größen, aber nur, wenn das Theme die Funktion image_tag oder image_url mit den passenden Parametern nutzt. Ein Theme, das das Originalbild lädt, umgeht die Optimierung.
- Schriftarten begrenzen: Zwei Schriftschnitte reichen. Systemschriften laden sofort, Webfonts brauchen font-display: swap und reservierten Platz.
- Tracking über einen Container bündeln: Mehrere Pixel und Analyse-Skripte laufen besser über den Google Tag Manager oder die Shopify Customer Events, statt einzeln im Theme.
- Altersverifikation prüfen: Bei Vape- und CBD-Shops ist das Alters-Overlay Pflicht. Achte darauf, dass es die Entscheidung im Browser speichert und nicht bei jedem Seitenaufruf neu ein Skript lädt und das Layout verschiebt.
Welche Fehler bei Shopify sonst noch bremsen, zeigt das folgende Video.
Core Web Vitals bei WooCommerce optimieren
WooCommerce läuft auf WordPress, und damit liegen Hosting, Caching, Theme und Plugins alle in deiner Hand. Das ist mehr Verantwortung, aber auch mehr Kontrolle. Die Reihenfolge, die den größten Effekt pro Stunde Aufwand bringt:
- Hosting: Ein Shop mit hunderten Produkten und Warenkorb-Logik braucht einen Server, der PHP schnell ausführt und Datenbankabfragen zügig beantwortet. Günstiges Shared Hosting ist bei WooCommerce die häufigste Ursache für eine langsame Serverantwort. Der Wert Time to First Byte sollte unter 600 Millisekunden liegen, besser unter 300.
- Seiten-Caching: Ein Caching-Plugin wie WP Rocket oder die Cache-Funktion des Hosters liefert Kategorie- und Produktseiten als fertige HTML-Dateien aus. Warenkorb und Checkout müssen vom Cache ausgenommen bleiben. Objekt-Caching per Redis beschleunigt zusätzlich die Datenbankabfragen.
- Bilder: WebP-Konvertierung und Komprimierung per Plugin, richtige Größen, Lazy Loading für alles außer dem Hauptbild.
- Plugins reduzieren: Jedes Plugin, das im Frontend Skripte oder Stylesheets lädt, kostet Zeit. Prüfe mit dem Plugin Query Monitor oder im Netzwerk-Tab des Browsers, welche Plugins was laden. Häufig laufen 20 bis 40 Plugins, von denen die Hälfte ersetzbar ist.
- CSS und JavaScript optimieren: Ungenutztes CSS entfernen, JavaScript verzögert laden, kritisches CSS inline setzen. Caching-Plugins bieten das an, es braucht aber Tests, weil eine falsche Einstellung den Warenkorb oder die Variantenauswahl kaputt macht.
- Theme: Schlanke Themes wie Astra, GeneratePress oder Blocksy in Kombination mit dem Block-Editor sind schneller als große Multipurpose-Themes mit eigenem Page Builder.
- Cookie-Banner und Popups mit reserviertem Platz: Das Banner darf den Inhalt nicht verschieben. Entweder als Overlay oder mit fixem Platz.
Mehr zu WordPress-spezifischen Einstellungen findest du im Artikel WordPress SEO für WooCommerce-Shops.
Ablauf: Core Web Vitals in sechs Schritten verbessern
Die Tools dafür sind kostenlos: Google Search Console, PageSpeed Insights und die Entwicklertools des Browsers.
- Ausgangslage in der Search Console prüfen: Der Bericht Core Web Vitals zeigt, wie viele URLs schlecht, verbesserungswürdig oder gut sind, getrennt nach Mobil und Desktop, und welche Kennzahl betroffen ist. Notiere die Zahlen und den Status jeder Gruppe.
- Eine URL pro Seitentyp in PageSpeed Insights testen: Startseite, eine Kategorie, ein Produkt. Die Diagnose zeigt, welches Element das LCP-Element ist, welche Skripte den Hauptthread blockieren und welche Elemente das Layout verschieben.
- Nach Wirkung priorisieren: Hauptbild ohne Lazy Loading, Apps und Plugins ausmisten, Bildgrößen, Schriften. In dieser Reihenfolge, weil die ersten Punkte den größten Effekt bei geringstem Risiko haben.
- Änderungen im Testsystem oder außerhalb der Stoßzeiten umsetzen: Bei Shopify über eine Theme-Kopie, bei WooCommerce über eine Staging-Umgebung. Nach jeder Änderung Warenkorb, Variantenauswahl und Checkout auf dem Handy testen.
- 28 Tage warten: Die Felddaten in der Search Console beziehen sich auf die letzten 28 Tage. Erst danach siehst du die volle Wirkung. Der Laborwert reagiert sofort und dient zur Zwischenkontrolle.
- Best Practices für die Zukunft festlegen: Jede neue App und jedes neue Plugin wird vor der Installation im Laborwert getestet. Bilder werden vor dem Upload skaliert. Einmal pro Quartal Bericht prüfen.
Beispiel: Vape-Shop auf Shopify mit rotem Bericht
Ein Vape-Shop auf Shopify mit rund 800 Produkten hatte in der Search Console über 600 mobile URLs im roten Bereich, alle mit schlechtem LCP und verbesserungswürdigem INP. Die Analyse zeigte: 23 installierte Apps, davon 9 ohne erkennbaren Nutzen, Code-Reste von 6 weiteren, längst deinstallierten Apps im Theme, Lazy Loading auf dem Hauptbild jeder Produktseite, Herstellerbilder mit bis zu 6 Megabyte und ein Altersverifikations-Overlay, das bei jedem Aufruf ein externes Skript nachlud.
Innerhalb von drei Wochen wurden 12 Apps entfernt, die Code-Reste bereinigt, das Hauptbild auf fetchpriority=“high“ gesetzt, die 200 umsatzstärksten Produktbilder neu skaliert und die Altersverifikation auf eine Lösung umgestellt, die im Browser speichert. Nach dem 28-Tage-Fenster lagen die mobilen Produktseiten bei einem LCP von 2,1 Sekunden im grünen Bereich, der Bericht zeigte noch 40 verbesserungswürdige URLs, keine roten. Der Effekt auf das Ranking war moderat, der Effekt auf die mobile Conversion Rate deutlich, sie stieg im Vergleich zum Vorjahresmonat um rund ein Viertel. Wie sich die Zahlen einordnen lassen, beschreiben wir im Artikel über SEO KPIs für Onlineshops.
Was du nicht tun solltest
- Dem Laborscore hinterherjagen: Ein Score von 100 in PageSpeed Insights ist kein Ziel. Grüne Felddaten sind das Ziel, und die erreichst du oft bei einem Laborscore von 60 bis 80.
- Alle Skripte pauschal verzögern: Wer JavaScript blind aufschiebt, bricht Variantenauswahl, Warenkorb oder Tracking. Jede Verzögerung braucht einen Test auf dem Handy.
- Bilder zu stark komprimieren: Ein Produktbild, auf dem Details verschwimmen, kostet mehr Bestellungen als 100 Kilobyte Ladezeit.
- Optimierung vor Inhalt stellen: Ein Shop ohne Kategorietexte und Links wird durch bessere Ladezeit nicht ranken. Erst die Grundlagen, wie in unserer Onlineshop SEO Checkliste beschrieben, dann die Feinarbeit.
Core Web Vitals und KI-Suche
ChatGPT, Perplexity, Gemini und Google AI Overviews bewerten die Ladezeit deiner Seiten nicht direkt. Aber die Crawler dieser Systeme holen Inhalte ab, um sie zu zitieren, und ein Shop, der langsam antwortet oder Inhalte erst per JavaScript nachlädt, wird schlechter erfasst. Serverantwort, sauberes HTML und Inhalte, die ohne Skriptausführung lesbar sind, helfen Google und den KI-Systemen gleichermaßen.
Die Sichtbarkeit in KI-Antworten nennt sich Generative Engine Optimization, kurz GEO. Wir bieten dafür einen kostenlosen GEO-Check ohne Mindestgröße: Wir prüfen zehn Kaufabsichts-Prompts deiner Nische in ChatGPT, Perplexity, Gemini und Claude und schicken dir das Ergebnis innerhalb von 48 Stunden. Alle Infos auf unserer Seite als GEO-Agentur.
Häufige Fragen zu Core Web Vitals
Sind die Core Web Vitals ein Rankingfaktor?
Ja, als Teil der Page Experience, aber mit begrenztem Gewicht. Inhalt, Relevanz und Links wiegen deutlich mehr. Die Werte wirken vor allem bei ähnlich starken Mitbewerbern und bei der Conversion Rate, die von Google nicht direkt gemessen wird, aber deinen Umsatz bestimmt.
Welcher Wert ist für Onlineshops am wichtigsten?
LCP, weil er das Produktbild betrifft und am häufigsten im roten Bereich liegt. Danach INP, weil Warenkorb-Button und Filter reagieren müssen. CLS ist meist mit reserviertem Platz für Bilder, Banner und Schriften schnell behoben.
Warum zeigt PageSpeed Insights bei mir keine Felddaten?
Weil zu wenige Chrome-Nutzer deine Seiten in den letzten 28 Tagen besucht haben. Das betrifft kleine Shops und einzelne URLs mit wenig Traffic. Dann orientierst du dich am Laborwert und an den Empfehlungen im Diagnosebereich.
Wie lange dauert es, bis sich Änderungen in der Search Console zeigen?
Bis zu 28 Tage, weil die Felddaten ein gleitendes Fenster über diesen Zeitraum abbilden. Der Laborwert in PageSpeed Insights reagiert sofort. Nach der Umsetzung kannst du in der Search Console eine Überprüfung starten, das Ergebnis kommt aber ebenfalls erst nach dem vollen Fenster.
Lohnt sich ein Theme-Wechsel wegen der Core Web Vitals?
Bei alten oder stark angepassten Themes oft ja. Der Aufwand für das Aufräumen eines gewachsenen Themes übersteigt häufig den Aufwand für einen Wechsel auf ein aktuelles, schlankes Theme. Wichtig ist, beim Wechsel URLs, Weiterleitungen und Inhalte unverändert zu lassen, sonst verlierst du Rankings.
Fazit: Core Web Vitals sind Hygiene, kein Wundermittel
Die Core Web Vitals entscheiden selten über Platz 1, aber sie entscheiden darüber, ob ein Besucher auf dem Handy bleibt und bestellt. Bei Shopify sind Apps und Theme der Hebel, bei WooCommerce kommen Hosting, Caching und Plugins dazu. In beiden Fällen bringen wenige Maßnahmen den größten Teil des Effekts: Hauptbild ohne Lazy Loading, Skripte ausmisten, Bilder skalieren, Platz für Banner und Schriften reservieren. Die Performance ist dann kein Thema mehr, und danach zählt wieder, was immer zählt: Inhalte, Struktur und Links.
Wenn du wissen willst, wo dein Shop bei Ladezeit, Technik und Inhalten steht und welche Maßnahmen zuerst dran sind: Wir kommen nicht aus der Agenturwelt, sondern aus eigenen SEO-Projekten und prüfen in jedem Audit Technik und Inhalt zusammen. Alles zu unserem Angebot findest du unter SEO-Audit und Shopify SEO. Oder du sicherst dir direkt ein kostenloses Erstgespräch, in dem wir deinen Bericht aus der Search Console gemeinsam durchgehen.
