Shopify und Core Web Vitals: Performance als Rankingfaktor
Wie Core Web Vitals dein Shopify-Ranking beeinflussen, welche Metriken zählen und wie du LCP, INP und CLS gezielt verbesserst.
Nur rund 48 Prozent der Shopify-Shops bestehen laut Chrome UX Report auf dem Mobilgerät alle drei Core Web Vitals. Das bedeutet: mehr als die Hälfte der Shopify-Händler verschenken Ranking-Potenzial, ohne es zu wissen. Dabei sind viele der häufigsten Probleme gut beherrschbar, wenn du verstehst, wonach Google schaut und welche Stellschrauben in Shopify wirklich etwas bewegen.
Was sind Core Web Vitals und warum sind sie für Shopify relevant?
Core Web Vitals sind drei Nutzungserfahrungs-Metriken, die Google seit dem Page-Experience-Update 2021 als Rankingsignal verwendet. Seit März 2024 gelten folgende drei Kennzahlen:
- LCP (Largest Contentful Paint): Wie schnell lädt das größte sichtbare Element, meist das Hero-Bild oder die Hauptüberschrift? Zielwert: unter 2,5 Sekunden.
- INP (Interaction to Next Paint): Wie schnell reagiert die Seite auf Nutzerinteraktionen wie Klicks oder Tastatureingaben? Zielwert: unter 200 Millisekunden. INP hat im März 2024 den alten FID-Wert abgelöst und ist seitdem für Shopify-Shops die schwierigste Metrik.
- CLS (Cumulative Layout Shift): Wie stark verschiebt sich der Seiteninhalt während des Ladens? Zielwert: unter 0,1.
Für die Bewertung zieht Google ausschließlich echte Nutzerdaten aus dem Chrome User Experience Report (CrUX) heran, keine Laborwerte aus Tools wie PageSpeed Insights. Das ist ein wichtiger Punkt: Dein PageSpeed-Score ist kein direkter Rankingfaktor. Deine realen Nutzerwerte schon.
Core Web Vitals wirken als Tiebreaker. Zwei Produktseiten mit vergleichbarer Relevanz und ähnlichem Linkprofil trennt Google nach der Nutzungserfahrung. Auf stark umkämpften Keywords kann das den Unterschied zwischen Seite 1 und Seite 2 ausmachen.
Wo Shopify-Shops typischerweise scheitern
LCP ist die Achillesferse der meisten Shopify-Stores. Wer alle drei Metriken verfehlt, scheitert fast immer zuerst am LCP. Der häufigste Grund: Das Hero-Bild der Startseite oder Kategorienseite wird nicht mit Ladepriorität versehen und wartet hinter anderen Ressourcen in der Queue.
INP ist das neue Problemkind. Shopify-Apps, die umfangreiche JavaScript-Bibliotheken laden, blockieren den Main Thread und erhöhen die Reaktionszeit spürbar. Laut CrUX-Daten bestehen nur 65 Prozent der Shopify-Domains den INP-Test, während die CLS-Bestehensrate bei 89 Prozent liegt.
Ein realer Messwert aus der Praxis: Ein Dawn-Theme ohne Anpassungen erreicht auf dem Desktop problemlos 95 bis 100 Punkte in PageSpeed Insights. Sobald du 8 bis 10 Apps installierst, eigene Schriften lädst und unoptimierte Produktbilder hinzufügst, sinkt der mobile Wert auf 55 bis 65. Die Apps sind der größte einzelne Treiber für schlechte CWV-Werte bei Shopify.
LCP verbessern: Das Hero-Bild priorisieren
Der wirkungsvollste Hebel bei Shopify ist fetchpriority="high" auf dem LCP-Element. Im Online Store 2.0 kannst du in deinem Shopify Theme das Hero-Image im entsprechenden Liquid-Template anpassen:
{{ 'hero.webp' | image_url: width: 1600 | image_tag:
loading: 'eager',
fetchpriority: 'high',
widths: '375, 750, 1100, 1600',
sizes: '100vw'
}}Weitere Maßnahmen für bessere LCP-Werte:
- Hero-Bilder im WebP-Format, möglichst unter 150 KB komprimiert
- Kein
loading="lazy"auf dem ersten sichtbaren Bild - Google Fonts oder eigene Schriftarten mit
font-display: swapeinbinden - Preload für kritische Schriften direkt im
<head>setzen
INP verbessern: JavaScript-Last reduzieren
INP misst die schlimmste Interaktion auf deiner Seite während eines Besuchs. Schwerer Main-Thread-Blockade durch Third-Party-Skripte ist die häufigste Ursache für schlechte INP-Werte. Dazu zählen Live-Chat-Widgets, Cookie-Consent-Tools, Bewertungs-Apps und Marketing-Pixel.
Konkret helfen diese Ansätze:
- Nicht benötigte Apps konsequent deinstallieren. Jede aktive App lädt Skripte, auch wenn du sie nie nutzt.
- App-Skripte mit
deferoderasyncladen, wo das der App-Anbieter erlaubt. - Event-Listener in eigenen Theme-Skripten auf
passive: truesetzen. - Schwere Funktionen wie Produktfilter oder Live-Suche mit Debounce versehen, damit sie nicht bei jedem Tastendruck feuern.
Wenn du Tracking-Skripte für Google Ads oder Meta einsetzt, lohnt sich ein Blick auf serverseitiges Tracking, das den Browser entlastet. Mehr dazu in unserem Artikel zu Shopify Performance optimieren.
CLS beheben: Layout-Verschiebungen stoppen
CLS entsteht, wenn Bilder ohne definierte Dimensionen, Anzeigenbanner oder Schriften nachgeladen werden und bestehende Elemente verschieben. Bei Shopify sind drei Quellen besonders häufig:
- Produktbilder ohne
widthundheight-Attribute im Liquid-Template - Cookie-Banner oder App-Widgets, die sich nachträglich in den sichtbaren Bereich schieben
- Schriftart-Wechsel (FOUT), bei dem der Text zunächst in einer Systemschrift erscheint und nach dem Font-Laden Layoutänderungen auslöst
Der Fix ist in den meisten Fällen einfach: Dimensionen explizit setzen, Cookie-Banner außerhalb des Inhaltsbereichs positionieren und Schriften mit font-display: swap plus Preload stabilisieren.
Theme-Wahl und ihr Einfluss auf die Ausgangswerte
Das Theme ist die Basis. Ein performantes Theme macht Optimierungen einfacher, ein überladenes Premium-Theme macht sie fast unmöglich. Shopify veröffentlicht auf performance.shopify.com aggregierte CWV-Daten nach Theme. Die Empfehlung aus der Praxis: Wähle ein schnelles Theme wie Dawn und ergänze Features, statt bei einem langsamen Theme zu versuchen, Speed herauszuholen.
Besonders bei Shopify Online Store 2.0 Themes lohnt sich die Überprüfung, wie viele Section-Blocks auf der Startseite aktiv sind. Mehr als 10 Sektionen auf einer Seite summieren sich bei der Rendering-Zeit.
Messen: Die richtigen Tools verwenden
Für CWV-Messungen gilt die Faustregel: Nutze PageSpeed Insights für schnelle Diagnosen, verlasse dich aber auf die CrUX-Daten für die Ranking-Relevanz. Google Search Console zeigt unter “Nutzererfahrung” die real gemessenen CWV-Werte deines Shops, aufgeteilt nach Gerätekategorie.
Die wichtigsten Tools im Überblick:
- Google Search Console: Seiten mit schlechten CWV-Werten nach Gruppe sortiert, direkt aus Felddaten.
- PageSpeed Insights (PSI): Laborwerte plus CrUX-Feldwerte, wenn genug Traffic vorhanden.
- Chrome DevTools (Performance Panel): Tiefenanalyse für INP-Probleme und Long Tasks.
- WebPageTest: Detaillierte Wasserfalldiagramme, auch für Third-Party-Skript-Analyse.
Ein häufiger Fehler: Nur die Startseite messen. Kategorie- und Produktseiten, insbesondere solche mit vielen Produktvarianten oder App-Widgets, schneiden oft schlechter ab.
Häufige Fragen
Verbessern bessere Core Web Vitals direkt mein Google-Ranking?
Nicht direkt und nicht isoliert. Core Web Vitals sind ein Rankingsignal unter vielen. Relevanter Content, Backlinks und technisches SEO bleiben dominant. CWV wirken als Tiebreaker, wenn mehrere Seiten ähnlich stark für ein Keyword aufgestellt sind. Ein Shop, der alle drei Metriken deutlich verfehlt, hat aber einen messbaren Nachteil gegenüber Wettbewerbern, die sie bestehen.
Macht es Sinn, für bessere CWV alle Apps zu deinstallieren?
Nein, das wäre übertrieben. Es geht darum, den App-Overhead zu kennen und zu steuern. Installiere Apps nur, wenn du sie wirklich nutzt, und überprüfe regelmäßig, ob Apps, die du nicht mehr aktiv verwendest, noch Skripte laden. Eine Audit-Runde mit der Search Console und PageSpeed Insights pro Quartal reicht für die meisten Shops aus.
Gilt der CrUX-Schwellenwert auch für neue Shops ohne Traffic?
Nein. CrUX-Daten brauchen eine gewisse Mindestmenge an realen Nutzermessungen. Neue Shops oder Seiten mit wenig Traffic erscheinen nicht in den Felddaten. Google fällt in diesem Fall auf Laborwerte zurück. Das bedeutet: Performance-Optimierung lohnt sich auch für kleine Shops, aber die Ranking-Auswirkungen sind erst sichtbar, wenn genug Nutzerdaten vorliegen.
Welche Rolle spielt das Hosting bei Shopify?
Shopify betreibt sein eigenes globales CDN. Das Hosting ist kein variabler Faktor wie bei Shopware oder WooCommerce. Latenz durch den Server ist bei Shopify selten das Problem. Die Schwachstellen liegen fast immer bei Bildern, Third-Party-Skripten und Theme-Code, also auf der Client-Seite.
Nächste Schritte
Core Web Vitals sind kein einmaliges Projekt, sondern ein laufender Zustand. Neue Apps, Theme-Updates und Kampagnenpixel können Werte verschlechtern, ohne dass du es sofort siehst. Eine regelmäßige Überprüfung gehört zur soliden Shopify-SEO-Strategie.
Wenn du nicht sicher bist, wo dein Shop gerade steht, oder wenn du nach einer gezielten Analyse konkrete Verbesserungen umsetzen möchtest, hilft unser Shopify Quick-Check als Einstieg. Wer tiefer in Conversion und Performance gehen will, findet auf unserer Seite zur Shopify Conversion-Optimierung mehr zu unserem Ansatz.
Shopify-Projekt oder Frage im Kopf?
Wir bauen, optimieren und betreuen Shopify-Shops, mit echter Backend- und Schnittstellen-Kompetenz. Lass uns auf Augenhöhe sprechen.
Mehr aus dem Shopify Wiki
Shopify SEO: Grundlagen und die typischen Grenzen
Shopify bringt solide SEO-Basics mit, hat aber strukturelle Grenzen. Lerne, worauf du achten musst und wo du aktiv eingreifen solltest.
Lesen Marketing & SEOShopify URL-Struktur und SEO: /collections und /products
Shopifys URL-Logik mit /collections und /products erzeugt Duplicate Content. Erfahre, wie du das Problem erkennst, bewertest und gezielt löst.
Lesen Marketing & SEOE-Mail-Marketing mit Shopify: Shopify Email und Klaviyo
Shopify Email oder Klaviyo? Du erfährst, welches Tool zu deinem Shop passt, was es kostet und wie du E-Mail-Marketing sinnvoll aufbaust.
Lesen