Geschwindigkeit gehört zu den wenigen Dingen, die jeden Besucher Ihres Shops betreffen. Eine langsame Seite kostet Käufer, die gehen, bevor sie geladen ist, sie macht das Stöbern mühsam und kann Sie in der Suche bremsen, wo Google die Seitennutzung als eines von vielen Signalen nutzt. Die gute Nachricht: Die meisten Shopify-Shops sind aus denselben wenigen Gründen langsam, und das meiste davon lässt sich beheben.
Zuerst das Richtige messen
Ein einzelner Wert aus einem Geschwindigkeitstest ist eine Momentaufnahme von einem simulierten Gerät. Wichtiger ist, wie Ihr Shop für echte Besucher abschneidet. Genau das erfassen Googles Core Web Vitals:
| Kennzahl | Was sie misst | Gut |
|---|---|---|
| LCP (Largest Contentful Paint) | Wie schnell der Hauptinhalt erscheint, oft das Hero- oder Produktbild | 2,5 s oder weniger |
| INP (Interaction to Next Paint) | Wie schnell die Seite reagiert, wenn jemand tippt oder klickt | 200 ms oder weniger |
| CLS (Cumulative Layout Shift) | Wie stark das Layout beim Laden springt | 0,1 oder weniger |
Wo Sie die Daten finden:
- Shopify-Admin: Der Bericht zur Web-Performance unter Analysen zeigt die Core Web Vitals Ihrer eigenen Besucher.
- Google Search Console: Der Bericht zu den Core Web Vitals gruppiert langsame URLs nach Problem.
- PageSpeed Insights: zeigt Daten echter Nutzer (bei genug Traffic) zusammen mit einem Labortest, der konkrete Probleme auflistet.
Testen Sie immer eine Startseite, eine Kollektionsseite und eine Produktseite. Sie verhalten sich meist sehr unterschiedlich.
Was einen Shopify-Shop meist verlangsamt
1. Zu viele Apps oder die falschen
Apps sind die häufigste Ursache. Jede App, die auf jeder Seite ein Skript einbindet, erhöht Ladezeit und Arbeit für den Browser und schadet besonders dem INP. Gehen Sie Ihre Apps durch und fragen Sie bei jeder: Wird sie noch genutzt, lohnt sie sich und muss sie auf jeder Seite laden? Entfernen Sie, was Sie nicht brauchen, und prüfen Sie das Theme dann auf Code, den deinstallierte Apps hinterlassen haben.
2. Schwere Bilder
Das CDN von Shopify skaliert Bilder und liefert moderne Formate automatisch aus, aber nur, wenn das Theme sinnvolle Größen anfordert. Probleme, die wir oft sehen:
- Hero-Bilder oder Slider mit mehreren tausend Pixeln Breite, die in voller Größe angezeigt werden;
- das Hauptbild im sichtbaren Bereich auf verzögertes Laden gestellt, was den LCP verzögert;
- Bilder ohne Breite und Höhe, die Layoutverschiebungen verursachen;
- Slider mit fünf großen Bildern, von denen nur das erste je gesehen wird.
3. Theme-Code und Anpassungen
Jahre an Änderungen summieren sich: ungenutzte Sections, doppelte Bibliotheken, große Schriftdateien und aus Tutorials kopierte Skripte. Ein modernes Online Store 2.0 Theme ist eine gute Basis, doch Anpassungen verdienen dieselbe kritische Prüfung wie Apps.
4. Tags von Drittanbietern
Tracking-Pixel, Chat-Widgets, Bewertungskarussells und Pop-ups konkurrieren alle um dieselbe Browserzeit. Laden Sie sie, wo möglich, über Shopifys Kundenereignisse (Web-Pixel) oder verzögern Sie nicht wesentliche Widgets, bis die Seite geladen ist oder der Besucher interagiert.
Korrekturen nach Wirkung geordnet
- Apps prüfen und die schwersten entfernen oder ersetzen.
- Das LCP-Bild korrigieren: Stellen Sie sicher, dass das Hauptbild jedes Templates sofort, in der richtigen Größe und nicht hinter einem Slider-Skript lädt.
- Den oberen Seitenbereich vereinfachen: ein starkes Hero statt eines Sliders und weniger Ankündigungsleisten und Pop-ups.
- Schriften begrenzen auf ein oder zwei Familien und die tatsächlich genutzten Schnitte, oder Systemschriften verwenden.
- Das Theme bereinigen von übrig gebliebenem App-Code und ungenutzten Sections.
- Tags prüfen und Tracking, wo möglich, auf Kundenereignisse umstellen.
Prüfen Sie nach jeder Änderung dieselben drei Templates erneut. Echte Nutzerdaten in der Search Console und im Shopify-Bericht spiegeln Änderungen erst nach einigen Wochen wider, vergleichen Sie daher Gleiches mit Gleichem über die Zeit.
Was Sie nicht steuern können
Shopify übernimmt Hosting, CDN und Serverantwort, und der Checkout wird von Shopify gebaut und optimiert. Das ist ein echter Vorteil: Ihre Arbeit konzentriert sich auf Theme, Apps und Inhalte, wo ohnehin die größten Gewinne liegen.
Brauchen Sie Unterstützung?
Möchten Sie eine klare Liste dessen, was Ihren Shop bremst, und jemanden, der es behebt, ohne etwas kaputtzumachen, sehen Sie sich unsere Shopify Ladezeit-Optimierung an oder starten Sie mit einer kostenlosen Shop-Analyse.
Häufige Fragen
Was ist ein guter Geschwindigkeitswert für einen Shopify-Shop?
Konzentrieren Sie sich auf die Core Web Vitals echter Besucher statt auf einen einzelnen Laborwert. Google bewertet einen LCP von höchstens 2,5 Sekunden, einen INP von höchstens 200 Millisekunden und einen CLS von höchstens 0,1 als gut, gemessen am 75. Perzentil der Seitenaufrufe.
Verlangsamen Shopify-Apps meinen Shop?
Viele tun das. Apps, die jeder Seite Skripte, Widgets oder Styles hinzufügen, erhöhen das Gewicht und die Arbeit für den Browser. Apps mit Theme-App-Erweiterungen laden meist nur dort, wo sie genutzt werden, und sind schlanker.
Wird mein Shop sofort schneller, wenn ich eine App entferne?
Nicht immer. Manche Apps lassen nach der Deinstallation Code in den Theme-Dateien zurück. Prüfen Sie das Theme auf übrig gebliebene Snippets oder bitten Sie den Entwickler, sie zu entfernen.
Sollte ich das Theme wechseln, um einen schnelleren Shop zu bekommen?
Nur wenn das Theme selbst das Problem ist. Ein modernes Online Store 2.0 Theme mit schlankem App-Set ist meist schnell genug; ein Theme-Wechsel ohne Korrekturen an Apps und Bildern löst das Problem selten.
Autor
Uğur KeskinFounder @ShopiuzmanGründer von Shopiuzman. Er baut, migriert und entwickelt Shopify-Shops für Marken in der Türkei, in Europa und in den USA weiter und leitet die Entwicklung unserer Apps im Shopify App Store.
