Die wichtigsten Erkenntnisse
- Core Web Vitals sind ein offizieller Google-Ranking-Faktor, und seit März 2024 hat INP FID als Metrik für die Reaktionsfähigkeit abgelöst. “Gut” bedeutet LCP unter 2,5s, INP unter 200ms und CLS unter 0,1.12
- Speed ist ein Conversion-Hebel, nicht nur ein SEO-Thema. Ein Geschwindigkeitsgewinn von 0,1 Sekunden auf Mobilgeräten steigerte in der Studie von Deloitte und Google die Conversion-Rates im Einzelhandel um 8,4 % und den durchschnittlichen Bestellwert um 9,2 %.3
- Das Web besteht alle drei Core Web Vitals nur bei 43 % der mobilen Seitenaufrufe. INP ist die am schwersten zu erreichende Metrik und genau da spüren App-lastige Shopify-Stores den meisten Druck.4
- Die größte Bremse für einen Shopify-Store ist selten die Plattform. Es sind aufeinandergestapeltes App-JavaScript, Third-Party-Widgets, schwere Hero-Medien und Layouts, die sich verschieben, wenn späte Skripte nachgeladen werden.
- Nativer Theme-Code vermeidet die App-Runtime-Kosten bei jedem Besuch. In unseren eigenen Tests liefen Drag-and-Drop-Builder 22-37 % langsamer als Varianten mit nativem Code.
Alle paar Monate schickt mir ein Händler einen PageSpeed-Score, meistens einen roten, und stellt dieselbe Frage: Liegt das an Shopify, an meinem Theme oder an den zwölf Apps, die ich letztes Jahr installiert habe? Dieser Artikel ist mein Versuch einer ehrlichen, fundierten Antwort auf die grundlegendere Version dieser Frage. Wo steht die Shopify-Performance im Jahr 2026 wirklich, was sind die echten Shopify Performance-Benchmarks, und was zieht die meisten Stores nach unten?
Die Kurzversion: Das Fundament der Plattform ist solide und wird immer besser, die Messlatte hat sich verschoben, und fast alle Performance-Probleme in realen Stores stammen von den Dingen, die Händler obendrauf packen.
Warum du uns vertrauen kannst
Über 15 Jahre Entwicklererfahrung und vier Jahre im Shopify-Ökosystem. Wir haben die Core Web Vitals bei über 500 Shopify-Stores gemessen und Themes speziell umgebaut, um durch Apps verlorene Geschwindigkeit zurückzugewinnen. Außerdem bauen wir Fudge, einen KI-Store-Editor, der Seiten direkt als nativen Code in dein Theme schreibt, anstatt sie durch eine App-Runtime zu rendern. Diese Designentscheidung ist direkt aus diesem Performance-Problem heraus entstanden, daher weisen wir gleich vorab auf unsere Befangenheit hin, wo sie eine Rolle spielt.
Warum die Store-Performance 2026 noch wichtiger ist
Zwei Faktoren machen Speed in diesem Jahr zu einem vorrangigen Thema und nicht nur zu einem technischen Nice-to-have.
Core Web Vitals sind ein Ranking-Faktor, und die Metriken haben sich geändert
Google nutzt Core Web Vitals als Teil seiner Ranking-Systeme für die Page Experience.2 Das ist schon eine Weile so. Was sich erst kürzlich geändert hat, ist das Set der Metriken selbst.
Im März 2024 hat Interaction to Next Paint (INP) den First Input Delay (FID) als Core Web Vital zur Messung der Reaktionsfähigkeit abgelöst.1 FID hat nur die Verzögerung bei der ersten Interaktion eines Nutzers gemessen. INP misst die Latenz von Interaktionen während des gesamten Besuchs und erfasst somit schwerfällige Klicks, laggy Menüs und langsame Add-to-Cart-Aktionen, die FID noch stillschweigend ignoriert hat. Es ist eine härtere Messlatte, aber auch eine ehrlichere.
Die drei Schwellenwerte für ein „gutes“ Erlebnis, gemessen am 75. Perzentil echter Seitenaufrufe, lauten:
- LCP (Largest Contentful Paint): 2,5s oder darunter - wie schnell der Hauptinhalt geladen (gepaintet) wird
- INP (Interaction to Next Paint): 200ms oder darunter - wie flüssig die Seite auf Eingaben reagiert
- CLS (Cumulative Layout Shift): 0,1 oder darunter - wie sehr das Layout beim Laden hin- und herspringt2
Das sind die offiziellen Google-Grenzwerte. Eine Seite, die sie verfehlt, fliegt nicht direkt aus der Suche, hat aber einen Wettbewerbsnachteil gegenüber Stores, die sie erreichen.
Speed bringt Conversions, und damit bares Geld
Das Ranking-Argument ist nur die halbe Miete. Die andere Hälfte ist, dass schnellere Stores einfach mehr verkaufen.
Die am häufigsten zitierte kontrollierte Studie hierzu ist der Report „Milliseconds Make Millions“ von Deloitte und Google, bei dem 37 Marken-Websites mit mehr als 30 Millionen Sitzungen analysiert wurden. Eine Verbesserung der Ladezeit auf Mobilgeräten um 0,1 Sekunden steigerte die Conversion-Rates im Einzelhandel um 8,4 % und den durchschnittlichen Bestellwert um 9,2 %.3 Hier sorgt eine Zehntelsekunde für einen fast zweistelligen Umsatzunterschied.
Um ein Gefühl für die Größenordnung beim Checkout zu bekommen: Shopifys eigene in Auftrag gegebene Forschung besagt, dass der Checkout eine bis zu 36 % höhere Conversion-Rate aufweist – im Schnitt 15 % höher – als Konkurrenz-Checkouts.5 Die Plattform hat bei den Teilen, die sie kontrolliert, wirklich gute Arbeit geleistet. Das Storefront vor diesem Checkout ist jedoch der Ort, wo die meisten Händler immer noch Geld auf der Strecke lassen.
Wie die Conversion-Rates in den einzelnen Kategorien im Detail aussehen, erfährst du in unseren Shopify Conversion-Rate Benchmarks.
Die Core Web Vitals Grenzwerte und wie das Web abschneidet
Bevor wir uns Shopify genauer ansehen, ist es hilfreich zu wissen, was im gesamten Web „normal“ ist, denn Shopify-Stores werden nach demselben Maßstab bewertet.
Der HTTP Archive Web Almanac, der Millionen echter Webseiten analysiert, fand heraus, dass 2024 nur 43 % der Websites auf Mobilgeräten alle drei Core Web Vitals bestanden haben.4 Hier ist die Aufschlüsselung nach Metriken:
| Core Web Vital | Schwellenwert „Gut“ (P75) | Bestehensquote Mobile, alle Seiten (2024) |
|---|---|---|
| LCP | 2,5s oder darunter | 59 %4 |
| INP | 200ms oder darunter | 74 %4 |
| CLS | 0,1 oder darunter | 79 %4 |
| Alle drei | n/v | 43 %4 |
Zwei Dinge stechen hierbei heraus.
Erstens: Der Wechsel zu INP hat die Anforderungen verschärft. Unter der alten FID-Metrik hätten im Jahr 2024 48 % der mobilen Websites alle Werte bestanden. Unter INP fiel diese Zahl auf 43 %.4 Das Web ist nicht langsamer geworden. Das Maßband ist nur genauer geworden.
Zweitens: INP verbessert sich schnell, bleibt aber der wunde Punkt bei interaktiven Websites. Die mobilen INP-Erfolgsquoten stiegen von 55 % (2022) über 64 % (2023) auf 74 % (2024).4 Die Kluft zwischen Desktop und Mobile ist immer noch groß, und INP ist genau die Metrik, unter der massenhaftes JavaScript leidet. Jedes Skript, das der Browser parsen und ausführen muss, konkurriert mit dem Main Thread, der eigentlich auf direkte Nutzereingaben reagieren soll.
Behalte diesen Gedanken im Hinterkopf, denn ab hier dreht sich alles um JavaScript und das Shopify-System.
Wo Shopify-Stores eigentlich stehen
Shopify liegt in der Metrik, die die Plattform am direktesten kontrolliert, über dem E-Commerce-Durchschnitt. Die E-Commerce-Analyse des Web Almanacs merkt an, dass Shopify seit 2022 konstant gute LCP-Bestehensraten aufweist, eine Gruppe, die sie sich nur mit einer Handvoll Plattformen teilt.6 Das ist kein Zufall. Jeder Shopify-Store läuft über dasselbe CDN, dasselbe Edge-Caching und dasselbe Server-Side-Rendered Liquid, wodurch die First-Paint-Basis von Haus aus stark ist – auf eine Weise, die selbst-gehostete Plattformen so kaum garantieren können.
Wo Shopify-Stores Schwierigkeiten haben, ist an derselben Stelle wie der Rest des interaktiven Webs: INP. Und hier ist fast nie die Plattform schuld. Es ist das Client-Side JavaScript, das Händler obendrauf packen.
Eine kurze Bemerkung zur Ehrlichkeit der Zahlen: Öffentliche aggregierte Zahlen zum „Anteil von Shopify-Stores, die alle drei Core Web Vitals bestehen“ variieren je nach Quelle und Messzeitraum stark. Daher werde ich keine einzelne Headline-Prozentzahl zitieren, als wäre dies unumstößlich. Dies sind die belegbaren Fakten: Shopifys LCP auf Plattform-Ebene ist konstant gut,6 die webweite Quote für das Bestehen aller drei Werte liegt auf Mobilgeräten bei 43 %,4 und INP ist die Metrik mit dem größten Verbesserungsbedarf. Der restliche Teil des Scores eines Stores wird vor allem dadurch bestimmt, was der Händler noch alles hinzufügt.
Die größten Performance-Bremsen bei Shopify
Bei allen Stores, die wir geprüft haben, tauchen immer und immer wieder dieselben Übeltäter auf. Keiner davon ist Shopify selbst. Und sie summieren sich alle auf.
JavaScript-Bloat durch Apps
Das ist der mit Abstand größte Faktor. Die mediane mobile Webseite lädt bereits rund 570 KB JavaScript.7 Auf einem Shopify-Store, der ein normales App-Setup hat, schießt diese Zahl schnell in die Höhe, da die meisten Apps bei jedem Seitenaufruf ihr eigenes Skript-Bundle laden – egal, ob der Kunde die Funktion nutzt oder nicht.
Eine Review-App, eine Upsell-App, ein Currency-Switcher, ein Chat-Widget und ein Page-Builder können jeweils Dutzende bis Hunderte Kilobytes hinzufügen. Der Browser muss alles herunterladen, parsen und ausführen, und genau diese Ausführung drückt den INP über die 200-ms-Grenze. Ein Feature wird vielleicht nur von 2 % der Besucher genutzt. Aber die Runtime-Kosten bezahlen 100 % der Nutzer.
Third-Party Widgets
Ähnlich, aber unterschiedlich: Skripte, die von Drittanbieter-Domains geladen werden. Reviews, Social-Proof-Popups, Live-Chats, zusätzliche Analytics-Tools und eingebettete Videoplayer erfordern meist vor dem Rendern einen Aufruf an einen externen Server. Jeder Aufruf bedeutet einen DNS-Lookup, eine neue Verbindung und eine Payload, die du nicht kontrollierst. Wenn dieser Third-Party-Anbieter einen lahmen Tag hat, hat auch dein LCP einen lahmen Tag.
Unoptimierte Bilder und Hero-Medien
Produkt- und Lifestyle-Bilder sind meist die größten Dateien, und das Hero-Bild ist oft das LCP-Element. Ein einziges unkomprimiertes 1,5 MB Hero-Bild über eine mobile Datenverbindung kann das 2,5s-LCP-Budget bereits ganz alleine sprengen. Die Lösungen sind unscheinbar, aber wirkungsvoll: WebP- oder AVIF-Bilder ausliefern, Bilder passend zum Gerät skalieren und alles, was Below the fold ist (also nicht direkt sichtbar), per Lazy Loading verzögert laden. Unser Guide zum Thema Lazy Loading von Bildern auf Shopify zeigt dir, wie das funktioniert, ohne das LCP-Element Above the fold kaputtzumachen.
Theme-Bloat und render-blockierende Skripte
Themes sammeln im Laufe der Zeit unnötiges Gewicht an. Code von längst gelöschten Features, Anpassungen mehrerer Entwickler-Generationen und Skripte, die einfach in <head> gepackt werden und das erste Rendern blockieren. Ein render-blockierendes Skript zwingt den Browser, den Aufbau der Seite zu stoppen, bis es heruntergeladen und ausgeführt ist. Das Verschieben unkritischer Skripte (Defer) und das Aufräumen alten Codes sind oft die Aufgaben mit dem besten Kosten-Nutzen-Faktor bei einem älteren Store. Schau dir unseren Guide How to speed up a Shopify theme für die genauen Hebel an.
Layout Shifts durch spät ladende Elemente
CLS ist die Metrik, die von den meisten Stores erfüllt wird, aber Ausreißer dort sind vermeidbar und sehr störend. Ein Banner, das Inhalte beim Laden nach unten drückt, ein Bild ohne feste Dimensionen, ein Font Swap, der Texte umbricht, oder ein Cookie-Banner, das im Nachhinein aufpoppt – all das verschiebt die Seite unter dem Daumen des Nutzers. Den Platz für noch nachladende Elemente einfach freizuhalten, löst fast alle diese Probleme auf einmal.
Das App-Gewicht-Problem: Nativer Code vs. gestapelte Widgets
Betrachtet man die Problembereiche von weitem, zeigt sich ein klares Muster. Nahezu jede Bremse von oben ist eine Variante derselben Sache: Code, der bei jedem einzelnen Besuch auf dem Gerät des Käufers ausgeführt wird, für Funktionen, die auch einfach serverseitig hätten gerendert werden können.
Das ist ein strukturelles Problem extrem App-lastiger Setups. Eine App, die deinen Shop über eine eigene Laufzeitumgebung rendert, muss diese Laufzeit auch immer laden, damit der Käufer das Ergebnis sieht. Ein Page-Builder, der Seiten durch ein App-SDK baut, schleppt sein Bundle auf jede Seite mit, die er berührt. Der Shop zahlt bei jedem einzelnen Besuch quasi eine “Steuer” für die Bequemlichkeit des Editors.
Nativer Theme-Code hat diese Steuer nicht. Wenn eine Seite direkt in Liquid, CSS und HTML ins Theme geschrieben wird, rendert der Server sie genau wie jede andere Shopify-Seite auch. Kein runtergeladenes App-SDK, keine Layoutanpassungen zur Laufzeit, kein Extragewicht beim JavaScript-Main-Thread.
Wir haben in unserem Shopify Page Builder Speed Test Zahlen sprechen lassen. Bei der Analyse von über 500 Shopify-Stores liefen Seiten, die mit Drag-and-Drop-Buildern erstellt wurden, 22-37 % langsamer als Varianten mit nativem Code. Das Problem liegt in der Architektur, es ist kein Einstellungsfehler, den man mal eben fixen könnte. Eine Runtime lässt sich zwar verschlanken, sie kann aber niemals bei null Byte liegen.
Das ist die Lücke, in die Fudge springt, und der Grund, warum wir es so gebaut haben. Du gestaltest die Seite, Fudge schreibt sie in nativem Code direkt ins Theme, und die fertige Seite hat exakt denselben kleinen JavaScript-Footprint wie eine handgeschriebene vom Entwickler. Das Lighthouse-Limit wird dann nur noch von deinem Theme, deinen Bildern und deinen anderen Apps vorgegeben und nicht von dem Builder.
Wie “gut” aussieht und wie du dorthin kommst
Konkrete Ziele für eine Shopify-Seite auf Mobile, gemessen am 75. Perzentil realer Nutzer:
- LCP unter 2,5s - das Hero-Bild oder die Überschrift laden schnell
- INP unter 200ms - Klicks, Menüs und der Add-to-Cart fühlen sich sofort an
- CLS unter 0,1 - nichts springt beim Nachladen auf der Seite herum
- Das gesamte Seitengewicht unter 1,5 MB, Video ausgeschlossen
Der Weg, dieses Niveau beständig zu halten, ist unspektakulärer als die meisten Shops vermuten. In etwa in dieser Reihenfolge bringen sie den besten ROI:
- App-Stack aufräumen. Deinstalliere alles, was nur von wenigen Nutzern wirklich verwendet wird, und checke das Theme auf verbliebene Skript-Tags nach der Deinstallation (in der Regel der größte einzelne Gewinn).
- Hero-Medien fixen. Moderne Formate, richtige Bildgrößen und geeignete Loading-Attribute helfen oft Wunder. Günstig in der Behebung und hat massiven Einfluss auf die LCP-Werte.
- Unkritisches JavaScript per Defer laden und render-blockierende Skripte aus dem
<head>werfen. - Platz reservieren für Banner, Bilder und eingebettete Widgets, um Layout Shifts (CLS) im Keim zu ersticken.
- Verwende echte User-Daten statt eines einzigen Lighthouse-Runs. Ein synthetischer Test kann locker um 30 % abweichen. Nutze als Maßstab stattdessen reale 75. Perzentil-Daten aus dem Chrome User Experience Report (CrUX) oder aus der Google Search Console und betrachte Lighthouse eher als Screening-Tool auf der eigenen Maschine.
Und wie du siehst: Das meiste davon war Subtraktion und keine Addition. Die schnellsten Stores sind nicht die mit den meister Performance-Apps. Es sind die, die am wenigsten Ballast mitschleppen.
Ausblick: Wie sich die Shopify-Performance weiterentwickeln wird
Hier ein paar Dinge, auf die ich für das nächste Jahr wetten würde.
Die Performance-Basis wird immer besser, während der Absturz durch den App-Layer eher weiter driftet. Shopifys Verbesserungen auf Server-Seite und beim CDN machen die Basics super stark. Da die Plattform immer besser wird, wächst zudem auch logischerweise der Einfluss, den zusätzliches Third-Party JavaScript ausmacht. Der Gap zwischen einem aufgeräumten Store und einem vollgepackten wird sichtbarer.
INP bleibt die Metrik, die gute von den durchschnittlichen Stores spaltet. LCP und CLS werden zunehmend durch Standards und gute Themes gelöst. INP hängt aber direkt davon ab, wie viel JavaScript auf dem Main Thread ausgeführt wird, und das ist einzig die Entscheidung des jeweiligen Händlers. Die Stores, die die Installation jeder neuen App als Performance-Entscheidung betrachten, werden denen davonlaufen, die das nicht tun.
Der Output von nativem Code wird zur Standarderwartung beim Storefront-Editing. Bei Stores, die bezahlten Traffic schalten (wo laut Deloitte-Logik jede verschenkte 100ms auch ROAS einbüßt)3, wird die Frage schnell nicht mehr sein: „Welcher Editor ist am einfachsten?“, sondern „Welcher Editor fügt der Seite nichts Unnötiges hinzu?“. Das ist ein völlig anderer Ansatz als der, mit dem die Branche in der Vergangenheit vermarktet wurde.
Das Fazit für 2026 lautet: Shopify bietet eine schnelle Basis, und die meisten Stores verspielen diesen Vorsprung durch Gewicht, das sie gar nicht mitschleppen müssten. Die gute Nachricht: Das ist das am einfachsten lösbare Problem in Sachen E-Commerce-Performance, denn fast alles davon liegt allein in deiner Hand.
FAQ
Gemessen am 75. Perzentil echter User solltest du einen LCP unter 2,5 Sekunden, INP unter 200 Millisekunden und einen CLS von unter 0,1 anpeilen. Das sind Googles offizielle Grenzwerte. Da INP im März 2024 die Messmetrik FID zur Reaktionsfähigkeit abgelöst hat, sollten gerade die Shopify-Stores ihre Interaktivität prüfen, die unter den alten Bestimmungen gut wirkten.
Die Plattform-Basics sind sehr stark. Jeder Shopify-Store läuft über dasselbe CDN und Edge-Caching mit serverseitig gerendertem Liquid, wodurch Shopify dem Web Almanac nach seit 2022 konstant gute LCP-Bestehensraten halten kann. Die meisten Performance-Probleme im echten Leben kommen vor allem von Third-Party-Widgets und schweren Inhalten, aber nicht von der Plattform selbst.
Fast immer liegt es am gestapelten App-JavaScript. Die mediane mobile Website liefert in etwa 570 KB JavaScript aus, und fast jede integrierte App fügt ihr eigenes Bundle obendrauf hinzu, welches jeden Seitenaufruf belastet. Dieser Ballast ist das, was INP und Total Blocking Time nach oben treibt. Check dein aktuell installierten Apps, räum auf, und überprüf dein Theme auf verbliebene Skript-Codestücke.
Interaction to Next Paint (INP) misst, wie schnell die Website während des gesamten Besuchs auf Interaktionen reagiert. Es hat im März 2024 First Input Delay (FID) ersetzt, weil FID nur die Verzögerung bei der allerersten Interaktion des Besuchers gemessen hat, was die reale Trägheit oftmals enorm beschönigte. INP ist dementsprechend anspruchsvoller und repräsentativer; gleichzeitig aber auch der Core Web Vital, der am empfindlichsten ist, wenn du schweren JavaScript nutzt.
Messbar stark. In der Umfrage 'Milliseconds Make Millions' von Deloitte und Google, bei der über 30 Millionen Website-Sitzungen analysiert wurden, führte eine Verbesserung der Ladezeit auf Mobilgeräten von nur 0,1 Sekunden zu einer Steigerung von 8,4 % des Conversion-Rates im Einzelhandel; und der durchschnittliche Bestellwert stieg hierbei sogar noch mal um starke 9,2 %. Geschwindigkeit schiebt deine Conversions hoch und gilt zeitgleich als starkes Ranking-Signal.
Ja, falls diese Page Builder über App-Renderings ausgespielt werden, weil sie ihr eigenes Runtime-Bundle bei dem Generieren der Seiten laden. Bei unserem eigenen Test über 500+ Shopify-Stores waren Drag-and-Drop-Builder zwischen 22-37 % langsamer als vergleichbare Websites, die aus nativem Code bestanden. Page-Builder, die reines Liquid und CSS auf dem Theme generieren, laden hingegen ohne Runtime-Schleppen und performen daher genau wie handgebauter Code.
Footnotes
-
web.dev, “Interaction to Next Paint becomes a Core Web Vital on March 12” - INP hat First Input Delay (FID) am 12. März 2024 als Core Web Vital abgelöst. https://web.dev/blog/inp-cwv-march-12 ↩ ↩2
-
Google Search Central, “Understanding page experience in Google Search results” und web.dev, “Web Vitals” - Core Web Vitals werden von Googles Ranking-Systemen verwendet; Grenzwerte für „Gut“ sind LCP unter 2,5s, INP unter 200ms, CLS unter 0,1 am 75. Perzentil. https://developers.google.com/search/docs/appearance/page-experience und https://web.dev/articles/vitals ↩ ↩2 ↩3
-
Deloitte und Google, “Milliseconds Make Millions” (2020) - eine Verbesserung um 0,1s bei der mobilen Seitengeschwindigkeit steigerte die Conversion-Rates im Einzelhandel um 8,4 % und den durchschnittlichen Bestellwert um 9,2 %, basierend auf 37 Brands und über 30 Mio. Sessions. https://www.deloitte.com/ie/en/services/consulting/research/milliseconds-make-millions.html ↩ ↩2 ↩3
-
HTTP Archive, Kapitel “Performance”, Web Almanac 2024 - 43 % der mobilen Websites bestanden alle drei Core Web Vitals (48 % unter der alten FID-Metrik); mobile Bestehensquoten lagen bei LCP 59 %, INP 74 %, CLS 79 %; mobiler INP verbesserte sich von 55 % (2022) auf 64 % (2023) und 74 % (2024). https://almanac.httparchive.org/en/2024/performance ↩ ↩2 ↩3 ↩4 ↩5 ↩6 ↩7 ↩8 ↩9
-
Shopify, “Shopify Checkout is the best-converting in the world. Here’s why.” - Shopifys Checkout verzeichnet eine bis zu 36 % höhere Conversion-Rate – durchschnittlich 15 % höher – im Vergleich zu Checkouts von Wettbewerbern laut einer Studie einer „Big Three“ Unternehmensberatung. https://www.shopify.com/enterprise/blog/shopify-checkout ↩
-
HTTP Archive, Kapitel “Ecommerce”, Web Almanac 2024 - Shopify zeigt seit 2022 konstant gute LCP-Quoten, im Gegensatz zu Plattformen wie WooCommerce. https://almanac.httparchive.org/en/2024/ecommerce ↩ ↩2
-
HTTP Archive, Kapitel “Page Weight”, Web Almanac 2024 - die mediane mobile Webseite lädt ungefähr 570 KB JavaScript. https://almanac.httparchive.org/en/2024/page-weight ↩


