Shopify Page Speed: Core Web Vitals verstehen und gezielt verbessern
Page Speed ist in Shopify kein rein technisches Problem – es ist ein strukturelles. Wer versteht, wie Shopify Ressourcen lädt, wo das Theme bremst und welche Apps still Ladezeit fressen, kann gezielt eingreifen. Den übergeordneten Rahmen für Shopify-SEO insgesamt beschreibe ich unter Shopify SEO – dort auch zur Rolle von SEO-Apps im Gesamtsetup.
Die drei Core Web Vitals mit ihren offiziellen Gut-Schwellenwerten – genau diese Werte misst Google für Ihre Shopify-Seiten im Feld.
Kostenlos · ohne Anmeldung · Ergebnis sofort
Was Shopify Page Speed beeinflusst – und was nicht
Shopify hostet serverseitig auf globaler Infrastruktur mit CDN – Time to First Byte ist deshalb selten das Problem. Was bremst, liegt fast immer im Frontend: Theme-JavaScript, App-Skripte, unkomprimierte Bilder und zu viele Render-blocking-Ressourcen im Head.
Ein typisches Dawn-Theme ohne Anpassungen erreicht in Lighthouse Scores um 70–85. Sobald 3–4 Apps aktiviert sind, rutscht der Score auf unter 50 – nicht weil die Apps schlecht sind, sondern weil jede App eigenes JavaScript in den Head lädt. In der Praxis sehe ich das wiederholt: der Shop läuft auf Shopifys eigener Infrastruktur, aber das Theme-Bundle ist 400 KB groß und jede zweite App feuert beim Seitenaufruf einen externen Skript-Request.
Core Web Vitals in Shopify: LCP, CLS und INP im Fokus
Google bewertet Page Speed über drei Metriken, die unterschiedliche Ursachen haben.
Largest Contentful Paint/LCP
LCP misst, wann das größte sichtbare Element geladen ist – in Shopify meist das Produktbild oder das Hero-Banner. Häufigste Ursache für schlechten LCP: Bilder im falschen Format (JPEG statt WebP), kein lazy loading für unterhalb-the-fold-Bilder, aber gleichzeitig kein explizites fetchpriority="high" für das LCP-Element. Shopify rendert Bilder über das image_url-Filter – wer das Theme anpasst, kann hier WebP und responsive Größen direkt in Liquid steuern.
Cumulative Layout Shift/CLS
CLS entsteht, wenn Elemente nach dem initialen Render noch springen – in Shopify typischerweise durch Schriftarten ohne font-display: swap, Produktbilder ohne definierte Höhe/Breite im HTML und nachträglich eingebettete App-Banner (Cookie-Notice, Upsell-Widgets). Wer den CLS auf null bringen will, muss alle Elemente mit definierten Abmessungen versehen – nicht nur die Hauptbilder.
Interaction to Next Paint/INP
INP hat 2024 FID als offiziellen Core Web Vital abgelöst. Es misst, wie schnell der Browser auf Nutzerinteraktionen reagiert – Klick, Tipp, Tastatur. Schwerer INP in Shopify kommt fast immer von JavaScript-Blöcken, die den Main Thread blockieren: schwere Theme-Skripte, Tracking-Pixel ohne async/defer, oder App-Code der synchron lädt.
Page Speed messen: Lighthouse vs. CrUX-Daten
Lighthouse-Scores sind synthetische Messungen unter Laborbedingungen – nützlich für Diagnose, aber nicht das, was Google für Rankings auswertet. Google nutzt CrUX-Daten (Chrome User Experience Report): reale Nutzerdaten aggregiert über 28 Tage. Ein Shop kann in Lighthouse 90+ erreichen und trotzdem schlechte Core Web Vitals im Feld haben, weil mobile Nutzer aus langsamen Netzen zugreifen.
Lighthouse
- Einzelner Testlauf
- Kontrollierte Bedingungen
- Gut zur Diagnose
CrUX
- 28-Tage-Durchschnitt
- Reale Geräte & Netze
- Ranking-relevant
Lighthouse diagnostiziert im Labor, CrUX misst echte Nutzer – für das Ranking zählen die Felddaten, Lighthouse zeigt, wo man ansetzt.
Praktisch bedeutet das: Lighthouse zeigt das Problem, CrUX-Daten in der Google Search Console zeigen, ob es sich auf Rankings auswirkt. Wer beide Quellen nicht gleichzeitig liest, optimiert entweder ins Blaue oder ignoriert echte Nutzererfahrungen.
Page Speed bei Shopify-Migrationen und Relaunch
Bei einem Plattformwechsel zu Shopify ändert sich auch das Performance-Profil grundlegend – neue Themes, andere Bildpipeline, neue App-Konfiguration müssen separat optimiert werden. Was das für SEO bedeutet, erkläre ich im Detail unter Shopify Migration.
Page Speed analysiere ich als Teil der technischen SEO-Basis – zusammen mit Canonical-Logik, Indexierungssteuerung und Content-Struktur. Alle Stellschrauben im Überblick: Shopify SEO.
Kostenlos · ohne Anmeldung · Ergebnis sofort
Häufige Fragen zu Shopify Page Speed
Warum ist mein Shopify-Shop langsam?
Was sind die Core Web Vitals?
Was ist ein guter Page-Speed-Wert?
Lighthouse oder CrUX – was zählt fürs Ranking?
Andrea Papa
Senior SEO-Spezialist mit 15+ Jahren E-Commerce-Erfahrung. Ich optimiere clusterbasiert nach Suchintention – für nachhaltige Sichtbarkeit bei Google und in der KI-Suche.