Shopify betreibt Ihren Shop auf einem schnellen weltweiten Netzwerk. Wenn ein Shopify-Shop langsam ist, liegt es deshalb fast immer an etwas, das obendrauf kommt: Apps, Scripts, Bilder und Theme-Code. Die gute Nachricht: Das lässt sich beheben, und die meisten Shops haben dieselben wenigen Probleme.
Hier sind die acht Ursachen, die wir in Shopify-Audits zur Ladezeit am häufigsten finden, in der Reihenfolge, in der wir sie meist beheben. Welche davon Ihren Shop betreffen, zeigt unser kostenloser Shopify-Audit: Er prüft sechs davon automatisch in etwa einer Minute.
Zuerst das Richtige messen
Google bewertet die Ladezeit mit drei Core Web Vitals, gemessen auf den Geräten echter Besucher:
| Messwert | Was er misst | Gut |
|---|---|---|
| Largest Contentful Paint (LCP) | Wann das größte Element, meist das Hero-Bild, erscheint | höchstens 2,5 s |
| Interaction to Next Paint (INP) | Wie schnell die Seite auf Tippen und Klicken reagiert | höchstens 200 ms |
| Cumulative Layout Shift (CLS) | Wie stark das Layout beim Laden springt | höchstens 0,1 |
Prüfen Sie die Werte in PageSpeed Insights: Oben stehen Daten echter Besucher, sofern Ihr Shop genug Traffic hat, der Labortest darunter hilft bei der Ursachensuche. Testen Sie Startseite, eine Kollektion und eine Produktseite, mobil. Dass der Laborwert von Lauf zu Lauf schwankt, ist normal. Entscheidend sind die Daten echter Besucher.
1. Zu viele Apps und Code von entfernten Apps
Das ist mit Abstand die häufigste Ursache. Jede App, die Ihrer Storefront etwas hinzufügt (Bewertungen, Upsells, Popups, Chat, Währungsumrechner, Wunschlisten), lädt eigenes JavaScript und oft auch CSS und Schriften. Zehn Apps mit eigenem Code sind üblich, wir sehen regelmäßig 20 und mehr.
Eine App zu deinstallieren entfernt nicht immer ihren Code. Ältere Apps haben Snippets in theme.liquid eingefügt oder Script-Tags angelegt, die weiter laden.
Lösung: Listen Sie jedes Script auf Ihrer Startseite auf (Chrome DevTools > Network > JS, nach Domain sortiert). Entscheiden Sie bei jedem: nötig, durch eine Theme-Funktion ersetzbar oder tot. Entfernen Sie toten Code aus dem Theme und fassen Sie Apps mit gleicher Aufgabe zusammen.
2. Blockierende Scripts im Head
Ein <script src="..."> im <head> ohne async oder defer hält den Browser vom Zeichnen der Seite ab, bis die Datei geladen und ausgeführt ist. Auf einem Smartphone mit schwacher Verbindung können drei solcher Scripts Sekunden kosten, bevor überhaupt etwas erscheint.
Lösung: Ergänzen Sie defer bei Scripts, die nicht zuerst laufen müssen. Verlangt eine App ein blockierendes Script, fragen Sie nach einem App-Embed (Theme-App-Extension).
3. Das Hero-Bild wird verzögert geladen oder ist zu groß
Ihr Hero-Bild ist meist das LCP-Element. Hat es loading="lazy", wartet der Browser absichtlich, bevor er es lädt. Ist es ein PNG mit 4000 Pixeln Breite, braucht es lange, selbst wenn es früh startet.
Lösung: Setzen Sie das Bild des ersten Abschnitts auf loading="eager" und fetchpriority="high", nutzen Sie Shopifys image_url mit sinnvoller Breite und image_tag mit widths, damit Smartphones eine kleine Datei bekommen, und verwenden Sie für Fotos JPG oder WebP.
4. Bilder ohne Breite und Höhe (Layout-Sprünge)
Hat ein Bild keine Maße, kann der Browser keinen Platz reservieren: Text und Buttons rutschen beim Laden nach unten. Das verschlechtert den CLS und lässt Kunden danebentippen.
Lösung: Shopifys Filter image_tag setzt width und height automatisch. Für spät ladende App-Widgets (Bewertungssterne, Zahlungslogos) reservieren Sie Platz mit einer Mindesthöhe in CSS.
5. Schwerer Theme-Code und eine langsame erste Antwort
Braucht der Server mehr als ein, zwei Sekunden für die Seite, liegt die Verzögerung im Liquid des Themes: Schleifen über jedes Produkt einer Kollektion, Mega-Menüs mit Hunderten Links oder viele Abschnitte auf einer Seite. Großes HTML (über etwa 650 KB) ist ein Zeichen für dasselbe Problem, oft durch eingebettetes JSON oder getrennte Menüs für Desktop und Mobil.
Lösung: Finden Sie mit dem Shopify Theme Inspector für Chrome die langsamsten Liquid-Dateien. Paginieren Sie Schleifen, begrenzen Sie, was Menüs rendern, und entfernen Sie Abschnitte, die niemand sieht.
6. Ein altes Theme und jQuery
Vintage-Themes (Debut, Brooklyn, Narrative und andere aus der Zeit vor Online Store 2.0) sind nicht für heutige Performance-Anforderungen gebaut, und viele laden noch jQuery. Sie unterstützen keine App-Blöcke, also fügt jede App Code ein.
Lösung: Für die meisten älteren Shops ist ein aktuelles Theme das größte einzelne Ladezeit-Upgrade und ein guter Anlass, Apps auszusortieren. Ist der Wechsel noch nicht möglich, entfernen Sie jQuery-abhängigen Code Stück für Stück.
7. Slider, Videos und Schriften im sichtbaren Bereich
Automatisch startende Hero-Videos, Karussells mit mehreren Slides und vier oder fünf Schriftfamilien konkurrieren genau in dem Moment um Bandbreite, in dem es am meisten zählt.
Lösung: Nutzen Sie ein starkes statisches Hero-Bild, laden Sie Videos erst bei Interaktion oder weiter unten und beschränken Sie sich auf zwei Schriftfamilien mit font-display: swap.
8. Doppelt geladenes Tracking
Viele Shops laden Google- und Meta-Tags über den Google Tag Manager im Theme und über Customer-Events-Pixel. Das verdoppelt die Scripts und zählt Conversions oft doppelt.
Lösung: Seit dem 26. August 2026 lassen sich Käufe nur noch über Customer-Events-Pixel erfassen. Verlagern Sie das Tracking dorthin und entfernen Sie überflüssige Theme-Tags. Unser Leitfaden zum Tracking auf der Danke-Seite erklärt das Vorgehen.
In dieser Reihenfolge beheben wir es
- Toten App-Code und ungenutzte Apps entfernen.
- Hero-Bild sofort laden und verkleinern.
- Blockierende Scripts mit defer laden.
- Bildmaße ergänzen und Platz für späte Widgets reservieren.
- Tracking in Customer Events bündeln.
- Langsames Liquid analysieren und vereinfachen.
- Theme-Wechsel planen, wenn Sie ein Vintage-Theme nutzen.
Die Schritte 1 bis 4 kosten meist wenige Entwicklertage und lösen den Großteil des Problems. Prüfen Sie nach jeder Änderung erneut in PageSpeed Insights und geben Sie den Daten echter Besucher 28 Tage Zeit.
Unterstützung
Wenn Sie es lieber abgeben möchten: Unsere Shopify-Entwickler optimieren die Ladezeit im Rahmen von Shopify-SEO-Projekten. Starten Sie mit dem kostenlosen Shop-Audit, um Ihren Score und die drei teuersten Probleme zu sehen.
