Shopify Core Web Vitals verbessern: Ein praxisnaher Leitfaden für Shop-Betreiber

Wer die Core Web Vitals seines Shops bisher ignoriert hat, kann das nicht länger guten Gewissens tun. Core Web Vitals spielen heute eine direkte Rolle im SEO und entscheiden darüber, ob dein Shop rankt oder in der Versenkung verschwindet. Die Zahlen sind eindeutig: Laut dem Web Almanac 2025 bestehen inzwischen 48 % der mobilen Websites alle drei Core Web Vitals, ein Anstieg von 44 % im Jahr 2024 und 36 % im Jahr 2023. Die Messlatte steigt von Quartal zu Quartal. Wer sie nicht überquert, verliert Boden gegenüber Mitbewerbern, die es tun.

Woran du tatsächlich gemessen wirst

Im Jahr 2026 verwendet Google weiterhin LCP, INP und CLS als die drei Core-Web-Vitals-Metriken. Die Schwellenwerte sind unverändert: LCP unter 2,5 Sekunden, INP unter 200 Millisekunden, CLS unter 0,1. Was sich verändert hat, ist die Art, wie Google die Daten hinter diesen Werten gewichtet. Google hat das Gewicht von echten Nutzerdaten (CrUX) gegenüber Labordaten bei Ranking-Entscheidungen erhöht. Für Shopify-Shops bedeutet das, dass die tatsächliche mobile Nutzererfahrung mehr zählt als synthetische Testwerte.

Das ist ein wichtiger Unterschied. Der Speed Score von Shopify im Admin-Bereich basiert auf Lighthouse-Labordaten aus einem einzigen simulierten Besuch. Die Core Web Vitals in der Google Search Console nutzen hingegen Felddaten von echten Chrome-Nutzern über ein rollendes 28-Tage-Fenster. Diese Zahlen können erheblich voneinander abweichen, weil echte Nutzer andere Geräte, Netzwerkgeschwindigkeiten und Interaktionsmuster haben als die Lighthouse-Simulation.

Die gute Nachricht: Seit Dezember 2025 sind LCP und INP als "Baseline Newly Available" in allen großen Browsern verfügbar, darunter Chrome, Firefox, Safari und Edge. Das bedeutet, dass Real User Monitoring (RUM)-Tools jetzt CWV-Daten von nahezu allen Besuchern erfassen können, nicht mehr nur von Chrome-Nutzern. Eine bedeutsame Verschiebung für Shops mit hohem iOS-Traffic.

Der Business-Case (in klaren Zahlen)

Bevor wir zu den Lösungen kommen, hier der Grund, warum sich der Aufwand lohnt. Google-Daten zeigen, dass eine Verzögerung von einer Sekunde die Conversions um bis zu 7 % senkt, und 53 % der mobilen Besucher verlassen Seiten, die länger als 3 Sekunden zum Laden brauchen. Shopifys eigenes Team hat das im großen Maßstab bestätigt: Sie analysierten den Zusammenhang zwischen den drei Core Web Vitals und der Conversion bei aktiv verkaufenden Shopify-Shops, unterteilten alle Shops in Performance-Gruppen während eines 28-Tage-Zeitraums um die Jahreswende Januar/Februar 2026 und untersuchten dann den Zusammenhang zwischen der aggregierten Performance und der medianen Conversion Rate der Shops in jeder Gruppe. Das Ergebnis: Wachsende Shops zeigen einen starken Zusammenhang zwischen Geschwindigkeit und Conversion. Je mehr ein Shop skaliert, desto mehr Apps, Anpassungen und Integrationen kommen hinzu, die jeweils die Performance beeinflussen können, und der kumulative Effekt dieser Ergänzungen wird in den Daten sichtbar.

Für Shopify-Unternehmen werden Verbesserungen bei LCP und INP wahrscheinlich einen größeren Einfluss auf das Ergebnis haben als die Jagd nach einem perfekten CLS-Wert.

Die größten Performance-Killer auf Shopify

1. App-Bloat (der Hauptübeltäter)

Zu viele Drittanbieter-Skripte aus Apps sind nach wie vor die häufigste Ursache für schlechte Core Web Vitals. Die Mathematik ist gnadenlos: Eine neue Shopify-App fügt durchschnittlich 50 bis 150 KB JavaScript zu jedem Seitenaufruf hinzu. Bei einem Shop, der genau an der LCP-Schwelle liegt (2,3 bis 2,5 Sekunden), kann eine einzige App-Installation den Ausschlag geben.

Die Lösung ist unspektakulär, aber wirksam. Prüfe deine Apps, indem du sie einzeln deaktivierst und die Auswirkungen auf INP und LCP in PageSpeed Insights misst. Entferne Apps, die du nicht mehr nutzt, und prüfe deine Theme-Dateien auf übergebliebenen Code von früher deinstallierten Apps.

2. Dein Hero-Bild und LCP

Googles "Gut"-Schwelle für LCP liegt unter 2,5 Sekunden. Bei Shopify-Shops ist das in der Regel das Hero-Bild oder das Produktfoto above the fold. Der häufigste Fehler, den ich sehe: Lazy Loading für dieses Hero-Bild. Wende niemals Lazy Loading auf das LCP-Bild an. Lazy Loading des LCP-Bilds schadet deinem LCP-Wert, weil der Browser das Laden genau des Elements verzögert, das bestimmt, wann die Seite für den Nutzer als "geladen" gilt. Verwende loading="eager" oder lass das Attribut für Hero-Bilder above the fold ganz weg.

Prüfe außerdem die Bildabmessungen vor dem Hochladen. Bilder machen in der Regel 27 % des gesamten Seitengewichts aus. Nicht optimierte Produktfotos, Banner und Lifestyle-Bilder sind der Hauptgrund für langsame Shopify-Shops.

3. INP: Die Metrik, die die meisten Shops übersehen

Google hat First Input Delay (FID) im März 2024 offiziell durch INP als Core Web Vital ersetzt. INP misst nicht nur den ersten Klick. INP hat FID vollständig abgelöst und misst nun jede Interaktion über die gesamte Sitzung hinweg, nicht nur den ersten Klick.

Bei Shopify-Shops ist JavaScript, das im Main Thread läuft, der häufigste INP-Übeltäter. Umfangreiches JavaScript, wie es in Shopify-Themes und Apps verbreitet ist, ist die Hauptursache für schlechte INP-Werte. Die praktische Lösung: Lade kritische Inhalte zuerst und erweitere dann schrittweise. Lade kritische Inhalte zuerst, um die Ladeleistung zu unterstützen, und ergänze dann progressiv mit JavaScript. Nutze Code Splitting, damit Nutzer nur das laden, was sie brauchen, und halte den Main Thread frei für Interaktionen.

INP zeigt auf Mobilgeräten seine ganzen Schwächen. Im Jahr 2026 entfällt die Mehrheit der weltweiten E-Commerce-Transaktionen auf Mobile. Mobilgeräte haben in der Regel deutlich weniger Rechenleistung als Desktop-Computer, was sie anfälliger für schlechte INP-Werte macht.

4. CLS: Das Problem mit Layoutverschiebungen

Cumulative Layout Shift misst visuelle Stabilität. Wenn Elemente während des Ladens der Seite herumspringen, leidet dein CLS-Wert darunter. Ein "Gut"-Wert liegt unter 0,1. Bilder ohne definierte Größe, spät ladende Schriften und dynamische Banner sind typische Übeltäter bei Shopify. Gib immer explizite width- und height-Attribute für jeden Bild-Tag an, damit der Browser Platz reserviert, bevor das Bild geladen wird.

Plattformseitige Änderungen, die du kennen solltest

Zwei aktuelle Shopify-Updates wirken sich direkt auf deine Performance-Strategie aus.

Seitenspezifisches CSS-Scoping (April 2026): Im April 2026 führte Shopify seitenspezifisches CSS-Scoping ein, sodass Themes nur noch das CSS für die Abschnitte liefern, die auf der jeweiligen Seite tatsächlich gerendert werden, anstatt bei jedem Seitenaufruf alle Stylesheets zu laden. Diese kleinen Verbesserungen summieren sich zu spürbar schnelleren Seiten und einem messbaren Anstieg der Conversion Rates.

Das Horizon-Theme-Fundament (Sommer 2025): Shopifys Horizon-Theme ist das bedeutendste Theme-Release seit Dawn. Es wurde bei den Summer Editions 2025 vorgestellt und stellt einen grundlegenden Wandel darin dar, wie Shopify-Themes gebaut werden, mit tieferer Block-Verschachtelung, branchenspezifischen Presets, nativer KI-Blockgenerierung und einer Mobile-First-Architektur. Die Performance-Geschichte von Horizon verbessert sich stetig. Horizon hat seit dem Launch etwa 5 mobile PageSpeed-Punkte pro Quartal gewonnen, während Dawn stagniert (es ist ausgereift). Wenn du Horizon verwendest, halte das Theme aktuell und deaktiviere die eingebauten Animationen unter den Theme-Einstellungen, um spürbare PageSpeed-Punkte zurückzugewinnen. Allein das Deaktivieren der Animationen bringt etwa 10 PageSpeed-Punkte zurück.

Über das Theme hinaus enthält Shopify jetzt ein detaillierteres Performance-Dashboard im Admin-Bereich, das Metriken wie LCP und INP nach Seitentyp aufschlüsselt. Nutze es. Es zeigt echte Nutzerdaten, keine simulierten Werte.

Dein Monitoring-Workflow

Performance ist kein einmaliges Projekt. Jede App, die du installierst, jedes Marketing-Tag, das du hinzufügst, jede Theme-Änderung, die du vornimmst, ist eine Performance-Entscheidung. Die Shops, die bei der Geschwindigkeit gewinnen, behandeln Performance als fortlaufende Disziplin, nicht als quartalsweisen Notfall.

Hier ist der minimale Monitoring-Stack, den ich empfehle:

• Shopifys Web-Performance-Dashboard (Online-Shop-Admin): Shopifys integrierte Web-Performance-Berichte geben dir einen händlerfreundlichen Überblick über die Performance deines Shops über alle wichtigen Seitentypen hinweg. Im Gegensatz zu PageSpeed Insights, das jeweils eine URL auf einmal testet, aggregiert Shopifys Bericht Daten über deine Startseite, Produktseiten und Kollektionsseiten gleichzeitig.
• Google Search Console (Core-Web-Vitals-Bericht): Zeigt Felddaten über deinen gesamten Shop von echten Chrome-Nutzern über ein rollendes 28-Tage-Fenster.
• Google PageSpeed Insights: Gibt alle drei Core Web Vitals mit Bestanden/Nicht bestanden-Status sowie spezifische Verbesserungsmöglichkeiten mit geschätzten Zeiteinsparungen aus. Teste deine Startseite UND deine wichtigste Produktseite, denn oft haben sie sehr unterschiedliche Werte.

Führe nach jeder App-Installation, jedem Theme-Update und jedem großen Kampagnen-Launch eine Prüfung durch. Performance-Regressionen bei Shopify werden fast immer durch etwas verursacht, das kürzlich hinzugefügt wurde. Monitoring-Daten zeigen, dass die häufigste Ursache für Shopify-CWV-Regressionen eine neue App-Installation ist, die JavaScript global einschleust.

Checkliste für schnelle Gewinne

Wenn du deinen Shop heute prüfen möchtest, fang hier an:

• Installierte Apps prüfen, nicht genutzte entfernen und Theme-Dateien auf übergebliebenen Code von gelöschten Apps überprüfen
• loading="eager" für das Hero-/LCP-Bild setzen; loading="lazy" nur für Bilder unterhalb des sichtbaren Bereichs verwenden
• Explizite width- und height-Attribute zu allen <img>-Tags hinzufügen, um Layoutverschiebungen zu verhindern
• Karussells auf der Startseite und Autoplay-GIFs durch ein einzelnes statisches Hero-Bild ersetzen
• Nicht kritisches JavaScript deferred oder async laden; Tracking-Pixel im Google Tag Manager zusammenführen
• Produktbilder vor dem Hochladen auf unter 200 KB komprimieren (nach Möglichkeit im WebP-Format)
• Dein Theme (Horizon oder Dawn) auf der neuesten Version halten, um plattformseitige Optimierungen mitzunehmen
• CWV-Werte in der Google Search Console mindestens einmal pro Monat überprüfen

Das alles erfordert kein großes Budget. Der Großteil erfordert Disziplin: jede neue App-Installation als Performance-Kompromiss-Entscheidung zu behandeln, nicht nur als Feature-Entscheidung.

---

Alle CWV-Daten in diesem Beitrag basieren auf öffentlich verfügbaren Quellen aus 2025 und 2026. Verwende Google PageSpeed Insights und das Shopify-Web-Performance-Dashboard als deine primären Messwerkzeuge.