Shopify-Shop Ladezeit verbessern: 8 Prüfpunkte ohne Entwickler

Traffic kommt an, aber kaum jemand kauft, und der Shop fühlt sich beim eigenen Testklick spürbar träge an: Das ist der Moment, in dem sich ein Blick auf die Ladezeit lohnt. Die folgenden acht Punkte kannst du selbst im Shopify-Adminbereich und mit dem kostenlosen Google-Tool PageSpeed Insights prüfen, ganz ohne Entwickler oder Code-Zugriff. Erfundene Sekundenwerte oder Umsatzversprechen findest du hier nicht, nur nachvollziehbare Schritte und die Quellen dazu.

1. Bildgrößen und Bildformate prüfen

Produktbilder sind auf den meisten Seiten der schwerste Einzelfaktor. Öffne im Admin ein paar Produkte und schau dir die Originaldatei jedes Bilds an: Shopify selbst nennt für quadratische Produktbilder mit Zoom-Funktion 2048 × 2048 Pixel als geeignete Größe und für Produkt-Thumbnails 150 bis 300 Pixel im Quadrat. Für Produktfotos empfiehlt Shopify zusätzlich eine Dateigröße von rund 300 KB. Komprimiere Bilder, bevor du sie hochlädst, am besten im Format WebP, das Shopify für schnelle Ladezeiten als besonders geeignet nennt. Prüfe stichprobenartig einige deiner meistbesuchten Produktseiten; große, unkomprimierte Originaldateien direkt aus der Kamera oder von Lieferanten sind der häufigste Fund.

2. Installierte Apps und ihre Skripte durchsehen

Jede installierte App, die deinen Shop direkt verändert, lädt eigene Skripte, und jedes Skript kostet Zeit. Geh im Admin die komplette App-Liste durch und deinstalliere alles, was du nicht aktiv nutzt. Danach öffnest du unter Analytics, Berichte, Onlineshop-Geschwindigkeit den Bericht zur Web-Performance: Das Diagramm „Punktzahl im Zeitverlauf“ zeigt Ereignismarkierungen für App-Installationen, Theme-Updates und neuen Code, sodass du siehst, ob ein Einbruch zeitlich mit einer bestimmten Änderung zusammenfällt. Shopify rät ausdrücklich dazu, installierte Apps und Drittanbietercode danach zu bewerten, ob ihr Nutzen den Performance-Verlust aufwiegt.

3. Theme-Abschnitte (Sections) ausmisten

Geh im Theme-Editor jede zentrale Vorlage durch: Startseite, Kategorie- und Produktseite. Pro Vorlage sind bis zu 25 Abschnitte und insgesamt 1250 Blöcke technisch möglich, aber jeder aktive Abschnitt mit eigenen Bildern, App-Blöcken oder Skripten lädt mit. Häufig sammeln sich über Monate ungenutzte Banner alter Kampagnen, doppelte Bestseller-Abschnitte oder App-Blöcke von längst deinstallierten Apps an, die im Editor unsichtbar bleiben, aber weiterhin Markup und teils Skripte ausliefern. Entferne oder deaktiviere alles, was aktuell keine Funktion mehr hat, und behalte pro Vorlage nur die Abschnitte, die wirklich zum Kaufweg beitragen.

4. Schriften auf System-Schriften prüfen

Öffne im Theme-Editor die Typografie-Einstellungen und sieh dir genau an, welche Schriftarten für Überschriften und Fließtext gerade aktiv sind. Shopify weist ausdrücklich darauf hin, dass benutzerdefinierte Schriften erst auf das Gerät der Kundschaft heruntergeladen werden müssen, was die Ladezeit negativ beeinflussen kann, während System-Schriften bereits auf dem Gerät vorhanden sind und ohne zusätzlichen Download auskommen. Prüfe, ob eine System-Schrift für deinen Auftritt optisch ausreicht, und reduziere andernfalls zumindest die Zahl der geladenen Schriftschnitte, etwa auf Regular und Bold statt vier oder mehr Varianten pro Schriftfamilie.

5. Videos und Hintergrund-Clips prüfen

Shopify nennt Videos neben Bildern und Karussells ausdrücklich als Feature, das die Web-Performance eines Shops spürbar beeinflussen kann. Geh Startseite und Produktseiten durch und such gezielt nach eingebetteten Videos, vor allem nach automatisch startenden Hintergrund-Videos im Hero-Bereich. Prüfe für jedes Video, ob es wirklich zum Verkauf beiträgt oder ob ein Standbild mit Play-Button ausreicht, bei dem das Video erst per Klick lädt. Bei Produktvideos lohnt sich zusätzlich der Blick, ob das Video von einer externen Plattform eingebettet ist, deren Player-Skript unabhängig von der eigentlichen Wiedergabe mitgeladen wird.

6. Weiterleitungen (Redirects) aufräumen

Öffne im Admin unter Inhalte (Content), Menüs den Punkt URL-Weiterleitungen anzeigen und geh die Liste durch. Achte gezielt auf Ketten, bei denen eine alte URL auf eine zweite alte URL zeigt, die erst von dort auf die aktuelle Zielseite weiterleitet. Nach dem in Googles Lighthouse-Dokumentation beschriebenen Mechanismus bedeutet jede Weiterleitung eine zusätzliche Anfrage-Antwort-Runde zum Server, bevor die eigentliche Seite überhaupt zu laden beginnt, und kann die erste Reaktion um mehrere Hundert Millisekunden verzögern. Verkürze gefundene Ketten so, dass die alte URL direkt auf die aktuelle Zielseite zeigt, nicht über einen Zwischenschritt.

7. Drittanbieter-Widgets und Tracking-Skripte prüfen

Liste alles auf, was zusätzlich zum Theme selbst Code auf deinen Seiten platziert: Chat-Widget, Bewertungs-Widget, Tracking-Pixel, Social-Media-Einbettungen. Prüfe für jedes einzeln, ob es aktuell aktiv genutzt wird oder nur aus einem früheren Test übrig geblieben ist, und entferne ungenutzte Einbindungen. Lass anschließend eine zentrale Seite über PageSpeed Insights laufen; der Bericht zeigt in den Diagnosen separat, wie viel Ladezeit auf Drittanbieter-Code entfällt, sodass du erkennst, welches einzelne Widget am stärksten ins Gewicht fällt, statt nur pauschal von „zu vielen Skripten“ auszugehen.

8. Mobilansicht gezielt mit PageSpeed Insights testen

Öffne PageSpeed Insights, trag die Adresse deiner Startseite, einer Kategorieseite und einer Produktseite jeweils einzeln ein und wechsle im Bericht bewusst auf die Mobile-Ansicht, nicht nur Desktop. Der Bericht liefert die Core-Web-Vitals-Werte Largest Contentful Paint, Interaction to Next Paint und Cumulative Layout Shift; Google nennt als Richtwerte für eine gute Nutzererfahrung einen LCP unter 2,5 Sekunden, einen INP unter 200 Millisekunden und einen CLS unter 0,1. Da diese Werte je Seitentyp stark schwanken können, lohnt sich der Blick auf mehrere Seiten einzeln, statt nur auf die Startseite.

Checkliste zum Abhaken

• ☐ Produktbilder komprimiert, sinnvolle Pixelgröße, möglichst WebP
• ☐ Ungenutzte Apps deinstalliert, Speed-Bericht auf App-Ereignisse geprüft
• ☐ Theme-Abschnitte pro Vorlage durchgesehen, Altlasten entfernt
• ☐ Schriftarten reduziert, System-Schrift geprüft
• ☐ Autoplay-Videos und Einbettungen kontrolliert
• ☐ URL-Weiterleitungen auf Ketten geprüft und verkürzt
• ☐ Drittanbieter-Widgets und Tracking-Skripte auf Nutzen geprüft
• ☐ Start-, Kategorie- und Produktseite einzeln in PageSpeed Insights mobil getestet

Weiterlesen: Shopify-Testbestellung vor dem Launch → · Mobiler Checkout: 7 Prüfpunkte → · Was kostet ein Shopify-Shop? →
Angebot im Detail: Launch-Check: Umfang und Buchungsstatus →

Willst du nicht nur die acht Punkte selbst abhaken, sondern auch eine unabhängige zweite Prüfung, schaut der Ladenfertig Launch-Check für 149 € Endpreis (§ 19 UStG, keine Umsatzsteuer ausgewiesen) deinen Shop von außen an (Kaufweg, Mobile, Versand, Zahlung, Consent-Wiring, SEO-Basics), mit priorisierter P0/P1/P2-Liste und kommentierter Video-Übergabe innerhalb von zwei Werktagen; Verfügbarkeit fragst du über die Anfrage an.

Hinweis: Dieser Beitrag beschreibt Einstellungen im Shopify-Adminbereich und ist keine Rechts- oder Steuerberatung. Bezeichnungen und Menüpfade können sich ändern; prüfe sie zusätzlich im eigenen Konto.