Beheben Sie Ihre Shopify Core Web Vitals: Ein praktischer Leitfaden für Shop-Betreiber
Die Hälfte der Shopify-Shops scheitert bei Core Web Vitals auf Mobilgeräten. Erfahren Sie genau, was Sie bei LCP, INP und CLS optimieren müssen, um 2026
Falls Sie die Core Web Vitals Ihres Shops bisher ignoriert haben, ist die Zeit dafür vorbei. Core Web Vitals spielen jetzt eine direkte Rolle für SEO und darüber, ob Ihr Shop rankt oder unsichtbar wird. Die Zahlen sind unmissverständlich: Laut dem Web Almanac 2025 erfüllen jetzt 48% der mobilen Websites alle drei Core Web Vitals, gegenüber 44% im Jahr 2024 und 36% im Jahr 2023. Die Messlatte wird jedes Quartal höher. Wenn Ihr Shop sie nicht erfüllt, verlieren Sie den Wettbewerb gegenüber Konkurrenten, die es tun.
Woran Sie tatsächlich gemessen werden
2026 nutzt Google weiterhin LCP, INP und CLS als die drei Core Web Vitals Metriken. Die Schwellenwerte bleiben unverändert: LCP unter 2,5 Sekunden, INP unter 200 Millisekunden, CLS unter 0,1. Was sich geändert hat, ist die Gewichtung der Daten hinter diesen Scores. Google gewichtet echte Nutzerdaten (CrUX) stärker als Labordaten bei Ranking-Entscheidungen. Für Shopify-Shops bedeutet das: die tatsächliche mobile Nutzererfahrung ist wichtiger als synthetische Testergebnisse.
Das ist eine wichtige Unterscheidung. Shopifys Speed Score im Admin-Dashboard basiert auf Lighthouse-Labordaten aus einem einzigen simulierten Besuch. Core Web Vitals in der Google Search Console nutzen Felddaten von echten Chrome-Nutzern über ein rollendes 28-Tage-Fenster. Diese Zahlen können erheblich voneinander abweichen, weil echte Nutzer unterschiedliche Geräte, Netzwerkgeschwindigkeiten und Interaktionsmuster haben als die Lighthouse-Simulation.
Die gute Nachricht: seit Dezember 2025 sind LCP und INP jetzt überall verfügbar als "Baseline Newly Available" in allen großen Browsern: Chrome, Firefox, Safari und Edge. Das bedeutet, dass Real User Monitoring (RUM) Tools jetzt CWV-Daten von praktisch allen Ihren Besuchern sammeln können, nicht nur von Chrome-Nutzern. Das ist eine bedeutende Verschiebung für Shops mit hohem iOS-Verkehr.
Core Web Vitals auf einen Blick: Alle drei Metriken im Vergleich
| Metrik | Das misst sie | "Gut"-Schwelle | Häufigster Shopify-Culprit |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Wie schnell sich das größte Element über der Falzlinie lädt (normalerweise das Herobild) | Unter 2,5 Sekunden | Lazy-loaded Herobild, unkomprimierte Produktfotos |
| INP (Interaction to Next Paint) | Reaktionsfähigkeit bei jeder Nutzerinteraktion in der gesamten Session | Unter 200 Millisekunden | Schweres JavaScript von Apps, das auf dem Haupt-Thread läuft |
| CLS (Cumulative Layout Shift) | Visuelle Stabilität, wie sehr sich Seitenelemente beim Laden verschieben | Unter 0,1 | Bilder ohne Größenangabe, spät ladende Schriftarten, dynamische Banner |
Der geschäftliche Fall (in klaren Zahlen)
Bevor wir in die Lösungen gehen: hier ist, warum sich das für Sie lohnt. Google-Daten zeigen, dass eine 1-Sekunden-Verzögerung die Conversions um bis zu 7% reduziert, und 53% der mobilen Besucher brechen Seiten ab, die länger als 3 Sekunden zum Laden brauchen. Shopifys eigenes Team hat das im großen Maßstab validiert: Sie analysierten die Beziehung zwischen den drei Core Web Vitals und Conversions auf aktiv verkaufenden Shopify-Shops, teilten alle Sites in Performance-Buckets über einen 28-Tage-Zeitraum Anfang Januar/Februar 2026 auf und untersuchten dann die Beziehung zwischen aggregierter Performance und der medianen Conversion Rate von Shops in jedem Bucket. Das Ergebnis: Wachsende Shops sehen einen starken Zusammenhang zwischen Geschwindigkeit und Conversions. Während Shops skalieren, fügen sie Apps, Anpassungen und Integrationen hinzu, die jeweils die Performance beeinflussen können, und der kumulative Effekt dieser Additionen wird in den Daten sichtbar.
Für Shopify-Geschäfte wird die Priorisierung von LCP- und INP-Verbesserungen wahrscheinlich größere Auswirkungen auf Ihr Geschäft haben als die Jagd nach einem perfekten CLS-Score.
Die größten Speed-Killer auf Shopify
1. App-Überfluss (der Nummer-eins-Culprit)
Dritten-Skript-Überfluss von Apps bleibt die Nummer-eins-Ursache für fehlerhafte Core Web Vitals. Die Mathematik ist erbarmungslos: Im Durchschnitt fügt eine neue Shopify-App 50 KB bis 150 KB JavaScript zu jedem Seitenaufruf hinzu. Für einen Shop, der knapp an der LCP-Schwelle liegt (2,3 bis 2,5 Sekunden), kann eine einzelne App-Installation ihn über die Kante drücken.
Die Lösung ist wenig glamourös, aber effektiv. Überprüfen Sie Ihre Apps, indem Sie sie nacheinander deaktivieren und die Auswirkungen auf INP und LCP in PageSpeed Insights messen. Entfernen Sie Apps, die Sie nicht mehr nutzen, und überprüfen Sie Ihre Theme-Dateien auf verbleibenden Code von zuvor deinstallierten Apps.
2. Ihr Herobild und LCP
Googles "Gut"-Schwelle für LCP liegt unter 2,5 Sekunden. Bei Shopify-Shops ist das normalerweise das Herobild oder das Produktfoto über der Falzlinie. Der häufigste Fehler, den ich sehe: Lazy-Loading dieses Herobildes. Lazy-loaden Sie niemals Ihr LCP-Bild. Wenn Sie Ihr LCP-Bild lazy-loaden, schadet das Ihrem LCP-Score, weil der Browser das Laden des Elements verzögert, das bestimmt, wann die Seite für den Nutzer "geladen" aussieht. Verwenden Sie loading="eager" oder lassen Sie das Attribut komplett weg für Bilder über der Falzlinie.
Überprüfen Sie auch die Bilddimensionen vor dem Hochladen. Bilder machen typischerweise 27% des gesamten Seitengewichts aus. Unoptimierte Produktfotos, Banner und Lifestyle-Bilder sind der Nummer-eins-Culprit hinter langsamen Shopify-Shops.
3. INP: Die Metrik, die die meisten Shops übersehen
Google ersetzte offiziell First Input Delay (FID) durch INP als Core Web Vital im März 2024. INP misst nicht nur den ersten Klick. INP hat nun vollständig FID abgelöst und misst jetzt jede Interaktion über die Session hinweg, nicht nur den ersten Klick.
Bei Shopify-Shops ist der häufigste INP-Übeltäter JavaScript, das auf dem Haupt-Thread läuft. Schweres JavaScript, das in Shopify-Themes und Apps üblich ist, ist der Haupt-Culprit für schlechte INP-Scores. Die praktische Lösung: Laden Sie zuerst kritische Inhalte, dann erweitern Sie progressiv. Laden Sie zuerst kritische Inhalte zur Unterstützung der Laden-Performance, dann erweitern Sie progressiv mit JavaScript. Nutzen Sie Code Splitting, damit Nutzer nur laden, was sie brauchen, und halten Sie den Haupt-Thread frei für Interaktionen.
INP wird auch auf Mobilgeräten brutal offengelegt. 2026 macht mobiler Commerce die Mehrheit der eCommerce-Transaktionen weltweit aus. Mobile Geräte haben üblicherweise deutlich weniger Rechenleistung als Desktop-Computer, was sie viel anfälliger für schlechte INP-Scores macht.
4. CLS: Das Layout-Shift-Problem
Cumulative Layout Shift misst visuelle Stabilität. Wenn sich Elemente beim Laden verschieben, leidet Ihr CLS-Score. Ein "Guter" Score liegt unter 0,1. Bilder ohne Größenangabe, spät ladende Schriftarten und dynamische Banner sind häufige Shopify-Übeltäter. Deklarieren Sie immer explizite Breiten- und Höhenattribute auf jedem Image-Tag, damit der Browser vor dem Laden des Bildes Platz reserviert.
Plattform-Level-Änderungen, die Sie kennen sollten
Zwei kürzliche Shopify-Updates beeinflussen direkt Ihre Performance-Strategie.
Pro-Seite CSS Scoping (April 2026): Im April 2026 führte Shopify Pro-Seite CSS Scoping ein, sodass Themes nur das CSS für tatsächlich auf jeder Seite gerenderte Sektionen bereitstellen, anstatt jedes Stylesheet bei jedem Seitenaufruf zu servieren. Diese winzigen Verbesserungen summieren sich zu merklich schnelleren Seiten und einem messbaren Anstieg der Conversion Rates.
Die Horizon Theme Foundation (Sommer 2025): Shopifys Horizon Theme ist das bedeutendste Theme-Release seit Dawn. Gestartet bei Summer Editions 2025, stellt es eine fundamentale Verschiebung dar in der Art, wie Shopify-Themes gebaut werden, mit tieferem Block-Nesting, branchenspezifischen Presets, native KI-Block-Generierung und mobil-erste Architektur. Die Performance-Story bei Horizon verbessert sich aktiv. Horizon hat seit dem Start ungefähr 5 mobile PageSpeed-Punkte pro Quartal gewonnen, während Dawn flach geblieben ist (es ist ausgereift). Falls Sie auf Horizon sind, halten Sie das Theme aktualisiert und deaktivieren Sie die eingebauten Animationen unter Theme Settings, um bedeutsame PageSpeed-Punkte zurückzugewinnen. Das bloße Deaktivieren von Animationen bringt etwa 10 PageSpeed-Punkte zurück.
Über das Theme selbst hinaus, bietet Shopify jetzt ein detaillierteren Performance-Dashboard im Admin an, das Metriken wie LCP und INP nach Seite aufschlüsselt. Nutzen Sie es. Es zeigt echte Nutzerdaten, keine simulierten Scores.
Ihr Monitoring-Workflow
Performance ist kein einmaliges Projekt. Jede App, die Sie installieren, jedes Marketing-Tag, das Sie hinzufügen, jede Theme-Änderung, die Sie vornehmen, ist eine Performance-Entscheidung. Die Shops, die auf Speed gewinnen, behandeln Performance als laufende Disziplin, nicht als vierteljährliche Notfall.
Hier ist der minimale Monitoring-Stack, den ich empfehle:
- Shopifys Web Performance Dashboard (Online Store Admin): Shopifys eingebaute Web Performance Reports geben Ihnen einen händlerfreundlichen Überblick über die Performance Ihres Shops über alle wichtigen Seiten-Typen. Anders als PageSpeed Insights, das eine URL zur Zeit testet, aggregiert Shopifys Report Daten über Ihre Homepage, Produktseiten und Kollektion-Seiten gleichzeitig.
- Google Search Console (Core Web Vitals Report): Zeigt Felddaten über Ihren gesamten Shop von echten Chrome-Nutzern über ein 28-Tage-Fenster.
- Google PageSpeed Insights: Meldet alle drei Core Web Vitals mit Bestanden/Nicht bestanden-Status und spezifische Verbesserungsmöglichkeiten mit geschätzten Zeiteinsparungen. Testen Sie Ihre Homepage UND Ihre wichtigste Produktseite, weil sie oft sehr unterschiedliche Scores haben.
Führen Sie eine Überprüfung nach jeder App-Installation, Theme-Update und großen Kampagnenstart durch. Performance-Rückgänge bei Shopify werden fast immer durch etwas Kürzlich-Hinzugefügtes verursacht. Monitoring-Daten zeigen, dass die häufigste Ursache von Shopify CWV-Rückgang eine neue App-Installation ist, die JavaScript global injiziert.
Quick-Win Checkliste
Wenn Sie Ihren Shop heute triage möchten, starten Sie hier:
- Überprüfen Sie installierte Apps, entfernen Sie alles Unbenutzte und überprüfen Sie verbleibenden Code im Theme von gelöschten Apps
- Setzen Sie
loading="eager"auf Ihr Herobild/LCP-Bild; nutzen Sieloading="lazy"nur für Bilder unter der Falzlinie - Fügen Sie explizite
widthundheightAttribute zu allen<img>Tags hinzu, um Layout-Shifts zu verhindern - Ersetzen Sie Homepage-Karusselle und Autoplay-GIFs mit einem einzelnen statischen Herobild
- Verschieben Sie oder asyncen Sie alles nicht-kritische JavaScript; konsolidieren Sie Tracking-Pixel in Google Tag Manager
- Komprimieren Sie Produktbilder auf unter 200 KB vor dem Hochladen (WebP-Format wenn möglich)
- Halten Sie Ihr Theme (Horizon oder Dawn) auf der neuesten Version, um Plattform-Level-Optimierungen zu nutzen
- Überprüfen Sie Ihre CWV-Scores in der Google Search Console mindestens einmal pro Monat
Nichts davon erfordert ein großes Budget. Das meiste erfordert Disziplin: Jede neue App-Installation als Performance-Tradeoff-Entscheidung zu behandeln, nicht nur als Feature-Entscheidung.
Alle CWV-Daten in diesem Post stammen aus öffentlich verfügbaren 2025 und 2026 Quellen. Nutzen Sie Google PageSpeed Insights und Shopifys Web Performance Dashboard als Ihre primären Mess-Tools.
Häufig gestellte Fragen
Was sind die bestandenen Schwellen für Shopify Core Web Vitals im Jahr 2026?
Googles Schwellen haben sich nicht geändert: LCP muss unter 2,5 Sekunden liegen, INP unter 200 Millisekunden und CLS unter 0,1. Diese gelten für Felddaten, die von echten Nutzern gesammelt werden, nicht nur Lab-Scores von PageSpeed Insights.
Warum sieht mein Shopify Speed Score im Admin gut aus, aber meine Google Core Web Vitals scheitern?
Shopifys Admin Speed Score basiert auf einem einzelnen simulierten Lighthouse-Test. Googles Core Web Vitals Report in der Search Console nutzt echte Felddaten von Chrome-Nutzern über ein rollendes 28-Tage-Fenster, über viele Geräte und Netzwerkbedingungen. Diese beiden Datenquellen erzeugen fast immer unterschiedliche Zahlen.
Wie oft sollte ich die Core Web Vitals meines Shopify-Shops überprüfen?
Überprüfen Sie nach jeder App-Installation, Theme-Update oder großen Kampagnenstart. Performance-Rückgänge bei Shopify werden fast immer durch etwas Kürzlich-Hinzugefügtes oder Geändertes ausgelöst, daher fängt das Monitoring nach jeder Änderung Probleme ab, bevor sie Rankings oder Conversions beeinflussen.