Shopify Apps verlangsamen den Shop: Kosten und Lösung

Shopify selbst ist selten das Problem, wenn ein Shop langsam lädt. Was einen langsamen Shop fast immer ausmacht, darunter, ist eine schnelle Plattform, begraben unter ihren eigenen Erweiterungen. Eine App wird installiert, ihr JavaScript lädt ab dann überall mit, auch auf Seiten, die das Feature nie benutzen. Ladezeit ist die Wartezeit zwischen Tippen und benutzbarer Seite, mehr nicht, und jede einzelne Drittanbieter-App verlängert diese Wartezeit um 40 bis 200 Millisekunden auf dem Handy, so die branchenübliche Messung. Klingt harmlos, diese Spanne, bis ein Shop zehn davon trägt.

Die gute Nachricht vorweg, das Problem ist fast vollständig selbstgemacht und damit fast vollständig behebbar, meist ohne dass eine einzige Funktion verloren geht, auf die der Shop wirklich angewiesen ist.

Der Text hier deckt das Ganze ab. Zuerst die Ursachen, dann das Geld, das die Langsamkeit still kostet, danach die ehrliche Messung, und am Ende die Reihenfolge, in der man aufräumt, ohne Funktionen zu verlieren, auf die der Shop angewiesen ist.

Warum Apps den Shop langsam machen

Jede App ist ein Tausch, ein Feature gegen Gewicht und meist eine Monatsgebühr. Ein oder zwei gut gebaute Apps fallen kaum auf. Das Problem ist der Stapel von zehn, die Hälfte davon vergessen, jede lädt Skripte, die auch nach der Deinstallation oft nicht vollständig verschwinden. Diese angesammelten Kosten, Geschwindigkeit und Geld zusammen, nennt man die App-Steuer, und Audits finden immer wieder dieselbe absurde Variante davon, eine Branchenauswertung von 27 Shops fand 23, die Abos für Features bezahlten, die eine Liquid-Section von sechzig Zeilen serverseitig und kostenlos erledigen würde.

Wir haben die Gewichtsseite selbst über echte DTC-Shops gemessen, in unserem App-Audit, die schwerste Startseite trug 96 Script-Tags.

Was die Langsamkeit wirklich kostet

Die Rechnung dahinter ist unbequem einfach. Ein Shop, der Werbung bezahlt und langsam lädt, bezahlt für Besucher, die gehen, bevor das Angebot sichtbar wird. Die Conversion-Rate sinkt, damit steigen die Akquisitionskosten pro Kunde, und zwar auf jedem Kanal gleichzeitig, die Mathematik dazu steht in unserem Conversion-Rate-Guide, auf Englisch, die Zahlen sprechen trotzdem jede Sprache.

Ehrlich messen, bevor man anfasst

Gemessen wird mobil, auf einem mittleren Gerät, mit normaler Verbindung, denn dort landet der Großteil des Traffics und dort ist die Schwäche am größten. Der Wert auf dem Büro-WLAN am großen Rechner schmeichelt, er beschreibt nur niemanden, der tatsächlich kauft. PageSpeed Insights liefert den kontrollierten Wert plus die Liste der konkreten Baustellen, nach Wirkung sortiert. Der Punktwert ist Richtung, die Diagnose ist der eigentliche Wert. Und vor jeder Änderung wird der Ausgangswert notiert, sonst lässt sich ein echter Fix nie von einem Placebo unterscheiden.

Wer es genauer wissen will, zählt die Skripte selbst, und das geht ohne Werkzeug. Ein Rechtsklick auf die Seite, dann “Seitenquelltext anzeigen” und im Quelltext nach <script suchen; die Trefferzahl ist eine grobe, aber ehrliche Ansage, wie viele Skripte der Browser bei jedem Aufruf verarbeitet. Noch genauer zeigt es die Registerkarte “Coverage” in den Chrome-Entwicklertools: Sie markiert, wie viel des geladenen JavaScripts auf der Seite überhaupt benutzt wird, und bei einem überladenen Shop steht dort regelmäßig, dass die Hälfte oder mehr ungenutzt geladen wird. Diese ungenutzte Hälfte ist fast immer App-Code, der auf einer Seite liegt, deren Feature dort gar nicht vorkommt. Die Kommastelle muss niemand kennen; es reicht zu sehen, dass der Stapel existiert, um zu wissen, wo das Aufräumen anfängt.

Welche Apps eine Section ersetzen kann

Nicht jede App ist Ballast, und das Aufräumen beginnt mit einer ehrlichen Sortierung. Die Frage ist immer dieselbe: Läuft hinter der App ein echter Dienst, oder zeigt sie nur etwas an? Eine App, die Bewertungen einsammelt und moderiert, E-Mails verschickt oder Abos abrechnet, leistet Arbeit, die im Hintergrund weiterläuft; ihr Gewicht ist faire Miete. Eine App dagegen, die nur einen Slider, ein Akkordeon oder ein Countdown-Banner auf die Seite malt, tut nichts, was der Server nicht kostenlos könnte. Genau diese reinen Anzeige-Apps ersetzt eine kurze Liquid-Section, einmal gebaut, ohne Abo und ohne Skript, das bei jedem Seitenaufruf mitlädt.

In der Praxis findet ein Audit fast immer drei bis fünf reine Anzeige-Apps, die sich ohne jeden Funktionsverlust durch Sections ersetzen lassen. Das ist der Teil des Aufräumens, der am meisten Gewicht spart und die Monatsrechnung senkt, statt die Kosten nur zu verschieben. Und es ist der Teil, der dauerhaft wirkt: Eine Section, die einmal im Theme liegt, verlangt keine Gebühr und lädt kein zusätzliches Skript, egal wie oft die Seite aufgerufen wird.

Die Reihenfolge, die funktioniert

Zuerst das Audit, jede App aufgelistet, daneben ihre Aufgabe und ihre Monatsgebühr, die meisten Händler finden mindestens eine App, an deren Installation sich niemand erinnert. Dann die Trennung, Service gegen Anzeige. Apps mit echtem Dienst dahinter bleiben, Bewertungen sammeln, E-Mails versenden, Abos abrechnen, das ist faire Miete. Reine Anzeige-Apps, Testimonial-Slider, FAQ-Akkordeons, Countdown-Banner, Sticky-Buttons, werden durch native Liquid-Sections ersetzt, dasselbe Feature, ohne Skript-Steuer, einmal gebaut statt monatlich gemietet. Was so eine Section einmalig kostet und ab wann sie sich gegenüber der Monatsgebühr rechnet, steht aufgeschlüsselt unter was Custom Shopify Sections kosten.

Die sichere Abfolge beim Ersetzen, erst die Section bauen und live testen, dann die App deinstallieren, zuletzt die Reste aus dem Theme fegen, denn deinstallierte Apps hinterlassen bekanntlich Code. In dieser Reihenfolge zeigt der Shop nie eine Lücke. Danach die Bilder, moderne Formate, passende Größen, alles unterhalb des sichtbaren Bereichs verzögert geladen. Das Theme kommt zuletzt, ungenutzte Bibliotheken raus, jedes Bild mit fester Größe, damit nichts springt. Die englische Langfassung dieser Arbeitsliste steht im Speed-Guide, das Prinzip der Ladezeit bleibt in jeder Sprache dasselbe.

Der Rest-Code, den niemand sieht

Ein Punkt wird beim Aufräumen fast immer übersehen, und er ist der Grund, warum ein Shop nach dem Deinstallieren mehrerer Apps trotzdem nicht spürbar schneller wird: der Rest-Code. Viele Apps schreiben beim Einrichten Schnipsel direkt in das Theme, in theme.liquid, in einzelne Sections oder als zusätzliche Asset-Dateien, und beim Deinstallieren räumt kaum eine App diese Schnipsel wieder weg. Sie bleiben liegen und laden weiter, ein Skript für eine App, die es längst nicht mehr gibt.

Zu finden ist der Rest über die Suche im Theme-Code nach dem Namen der App oder nach den Kommentaren, die viele Apps als Markierung hinterlassen. Entfernt wird er von Hand, und zwar erst, nachdem eine Kopie des Themes gesichert ist, denn ein falsch gelöschter Block bricht die Seite. Genau dieser letzte, unscheinbare Schritt entscheidet oft darüber, ob das Aufräumen die halbe Sekunde bringt, die es verspricht, oder ob die alte Last unsichtbar weiterläuft, während in der App-Liste längst Ordnung herrscht.

Die Bilder, der zweite große Posten

Nach den Apps kommen die Bilder, denn sie sind fast immer der schwerste Inhalt der Seite. Ein Hero-Bild, hochgeladen in 4000 Pixeln Breite und im Layout auf 800 angezeigt, lädt trotzdem alle 4000, bei jedem einzelnen Besuch. Die Abhilfe kostet wenig, moderne Formate wie WebP, Größen, die zum tatsächlichen Platz passen, und verzögertes Laden für alles unterhalb des sichtbaren Bereichs. Das Startbild selbst bekommt die umgekehrte Behandlung, es soll so früh wie möglich da sein, mit fester Größe, damit beim Aufbau nichts springt, denn das Springen der Elemente bestraft Google separat und Besucher hassen es ohnehin.

Was am Ende dabei herauskommt

Ein Shop, der zwei überflüssige Anzeige-Apps entfernt und drei weitere durch Sections ersetzt, wird auf zwei Arten schneller, weniger Skripte pro Seitenaufruf und weniger Gebühren pro Monat. Die Ladezeit fällt spürbar, oft um eine halbe Sekunde und mehr auf dem Handy, und die Ersparnis läuft dauerhaft. Der Effekt auf die Zahlen kommt daher, dass Geschwindigkeit vor der Conversion sitzt, ein schnellerer erster Aufbau bedeutet mehr Besucher, die das Angebot überhaupt sehen, und damit sinkende Kosten pro Bestellung, bei unveränderten Anzeigen.

Für Shops, die tiefer wollen, der Umbau von App-Features in eigene Sections ist genau die Arbeit, die wir täglich machen, und die Abwägung, wann sich das rechnet, steht im Guide zu Custom Shopify Sections.

Ladezeit ist dabei nur der erste Schritt. Was danach kommt, welche Änderungen an der Produktseite tatsächlich Bestellungen bringen und in welcher Reihenfolge, steht unter Shopify Conversion Optimierung mit echten Zahlen aus unserer Arbeit.

FAQ

Warum ist mein Shopify Shop so langsam?

Fast immer wegen der Ebene über Shopify, App-Skripte, ein schweres Theme, zu große Bilder. Die Plattform selbst liefert schnell.

Wie viel Ladezeit kostet eine App?

Branchenmessungen sagen 40 bis 200 Millisekunden pro Drittanbieter-Skript, mobil. Bei zehn Apps summiert sich das auf spürbare Sekunden.

Welche Apps kann Code ersetzen?

Reine Anzeige-Apps, Slider, FAQs, Vergleichstabellen, Sticky-Buttons, Countdowns. Eine kurze Liquid-Section erledigt das serverseitig, ohne Abo.

Machen deinstallierte Apps den Shop langsam?

Oft ja. Viele Apps hinterlassen Code im Theme, der weiter lädt. Diese Reste müssen von Hand entfernt werden.

Was ist eine gute Ladezeit für Shopify?

Unter zwei bis drei Sekunden bis zur benutzbaren Seite, auf einem mittleren Handy mit normaler Verbindung. Die Richtung zählt mehr als die Kommastelle.

Der Shop lädt langsam und die Werbekosten steigen? Schick mir den Shop und ich zeige dir, was genau bremst. Kostenloser Blick, keine Verpflichtung, Antwort meist innerhalb einer Stunde.