Back to Blog

Bremsen deine Shopify-Apps deinen Shop aus? So findest du es heraus

6 min read

Deine Apps sind wahrscheinlich dein größtes Speed-Problem

Jede Shopify-App, die du installierst, fügt JavaScript, CSS und manchmal Liquid-Code zu deinem Shop hinzu. Die meisten Händler denken beim Klick auf „App hinzufügen" nicht darüber nach — sie denken an Funktionalität, nicht an Performance. Aber die Zahlen sprechen eine klare Sprache: Der durchschnittliche Shopify-Shop betreibt 6 bis 10 Apps, die zusammen 2 bis 3 Sekunden zur Ladezeit addieren. Das ist kein kleines Ärgernis. Fast 70 % der Käufer kaufen seltener in langsam ladenden Shops, und Stores mit unter 2 Sekunden Ladezeit haben eine 2,5-mal höhere Conversion-Rate als solche mit 5 Sekunden oder mehr.

Die Auswirkung ist real. Wenn dein Shop 4-5 statt 2 Sekunden zum Laden braucht, verlierst du nicht ein bisschen Umsatz — du verlierst potenziell fast die Hälfte deiner Conversions. Und anders als bei anderen Speed-Problemen (Bildoptimierung, Theme-Code) ist App-Bloat das Problem, das sich schleichend aufbaut, während du weitere Tools installierst.

Die schlimmsten Bremser: Welche App-Kategorien am meisten kosten

Nicht alle Apps sind gleich, was Performance angeht. Die schwersten Kategorien sind konstant:

Live-Chat-Widgets — Tidio, Zendesk Chat, Intercom und Drift laden 200-400 KB JavaScript auf jeder einzelnen Seite, auch wenn kein Besucher jemals den Chat-Button anklickt. Das entspricht einer kompletten zusätzlichen Webseite, die auf jeder Seite geladen wird.

Bewertungs-Apps mit Fotogalerien — 150 bis 500 KB zusätzliche Scripts, plus die Bilder selbst. Foto-Bewertungen sind toll für die Conversion, aber die Implementierung lädt oft alles im Voraus, statt Lazy-Loading zu nutzen.

Popup- und Banner-Tools — 100 bis 300 KB JavaScript für Exit-Intent-Popups, E-Mail-Formulare und Ankündigungsleisten. Viele davon feuern beim Seitenaufruf, unabhängig davon, ob das Popup überhaupt ausgelöst wird.

Page Builder — 200 bis 600 KB. Custom Page Builder injizieren ihr eigenes Rendering-Framework zusätzlich zu deinem Theme — im Grunde laufen zwei Layout-Engines gleichzeitig.

Analytics- und Tracking-Scripts — 100 bis 250 KB pro Stück. Pixel-Tracker, Heatmaps, Session-Recorder. Du hast vielleicht 3 oder 4 davon gleichzeitig laufen, ohne ihr Gesamtgewicht zu bemerken.

Ghost Code: Deinstallierte Apps bremsen immer noch

Was die meisten Händler nicht wissen: Das Deinstallieren einer Shopify-App entfernt nicht den Code, den sie in dein Theme injiziert hat. Beim Klick auf „Deinstallieren" entzieht Shopify der App den API-Zugang. Das war's. Die Liquid-Snippets, JavaScript-Dateien, CSS-Blöcke und ScriptTag-Injektionen, die die App in deine Theme-Dateien eingebettet hat? Die bleiben für immer — und laden still auf jeder Seite, obwohl sie nichts mehr tun.

Das nennt sich Ghost Code, und es ist erschreckend verbreitet. Ein Shop, der über seine Lebenszeit 20 Apps installiert und deinstalliert hat, hat möglicherweise Reste von 10 oder 15 davon noch in seinen Theme-Dateien. Jedes Fragment addiert Millisekunden. Zusammen können sie eine halbe Sekunde oder mehr zur Ladezeit beitragen — für Funktionalität, die gar nicht mehr existiert.

Die Lösung erfordert ein manuelles Audit der Theme-Dateien (Layout-, Snippets- und Assets-Ordner) und das Entfernen aller Referenzen auf Apps, die nicht mehr genutzt werden. Achte auf Liquid-Tags wie {% include 'app-name' %} und JavaScript-Dateien mit app-spezifischen Namen. Wenn du dich nicht sicher beim Theme-Code-Editing fühlst, kann ein Shopify-Entwickler eine vollständige Bereinigung in wenigen Stunden durchführen.

Wie du deinen App-Stack in 30 Minuten auditierst

Du brauchst keine teuren Tools, um das Problem zu finden. Hier ist ein praktisches Audit, das du heute durchführen kannst:

Schritt 1: Baseline-Speed-Test. Öffne Google PageSpeed Insights, gib deine Shop-URL ein und notiere die Werte für Mobile und Desktop. Achte besonders auf „Total Blocking Time" und „Largest Contentful Paint" — das sind die Metriken, die am stärksten von App-Bloat betroffen sind.

Schritt 2: Alle installierten Apps auflisten. Gehe zu Einstellungen → Apps in deinem Shopify-Admin. Schreib jede App auf, was sie tut und ob du sie tatsächlich nutzt. Sei ehrlich. Die SEO-App, die du vor sechs Monaten installiert und nie konfiguriert hast? Das Popup-Tool, das du eine Woche lang getestet hast? Die laufen noch.

Schritt 3: Durch Deaktivieren testen. Deaktiviere Apps einzeln (oder in Gruppen) und führe den Speed-Test erneut durch. Die Differenz zeigt dir genau, welche Apps dich am meisten kosten. Fokussiere dich auf die, die am meisten zur Total Blocking Time beitragen.

Schritt 4: Ghost Code bereinigen. Prüfe deine Theme-Dateien auf Referenzen zu bereits deinstallierten Apps. Der Snippets-Ordner ist meist der schlimmste Übeltäter.

Schritt 5: Entscheiden, was bleibt. Für jede verbleibende App frag dich: Ist die Funktionalität den Performance-Verlust wert? Ein Chat-Widget, das 400 KB addiert, aber null Gespräche generiert? Weg damit. Eine Bewertungs-App, die Conversions treibt? Behalten, aber prüfen, ob es eine leichtere Alternative gibt.

Die langfristige Lösung: Weniger Apps, bessere Performance

Die sauberste Lösung gegen App-Bloat ist nicht Optimierung — sondern Reduktion. Jede App, die du entfernst, ist JavaScript, das nie geladen wird, CSS, das nie gerendert wird, und API-Calls, die nie feuern. Einige praktische Ansätze:

Shopifys eingebaute Features haben sich deutlich erweitert. Natives E-Mail-Marketing, grundlegende Analytics und einfache Rabattfunktionen sind jetzt Teil deines Plans. Prüfe, ob Shopifys Bordmittel eine deiner bezahlten Apps ersetzen können — besonders für Basisfunktionen, für die du zu viel zahlst.

Für die Apps, die sowohl finanziell als auch performance-technisch am meisten kosten, können maßgeschneiderte Alternativen von Anfang an schlank gebaut werden — ohne aufgeblähte Frameworks, ohne unnötige Scripts auf Seiten, wo die Funktionalität gar nicht gebraucht wird. Ein individuelles Tracking-Benachrichtigungssystem zum Beispiel läuft komplett serverseitig, ohne jeden Einfluss auf die Storefront-Geschwindigkeit.

Die Quintessenz: Jede App in deinem Shop sollte ihren Platz verdienen, indem sie einen klaren Mehrwert bietet, der den Performance-Verlust überwiegt. Wenn du deinen App-Stack nicht kürzlich auditiert hast, ist diese Woche der richtige Zeitpunkt. Deine Conversion-Rate wird es dir danken.

FAQ

+Wie viele Apps sind zu viele bei Shopify?

Es gibt keine universelle Zahl, aber Performance-Probleme zeigen sich meist ab 8-10 aktiven Apps. Die Art der App ist wichtiger als die Anzahl — ein schlecht gebautes Chat-Widget kann deinen Shop mehr bremsen als fünf leichtgewichtige Backend-Apps zusammen.

+Entfernt das Deinstallieren einer Shopify-App auch den Code?

Nein. Das Deinstallieren entzieht nur den API-Zugang. JavaScript, CSS und Liquid-Code, den die App in dein Theme injiziert hat, bleibt bis zur manuellen Entfernung bestehen. Dieser ‚Ghost Code' bremst deinen Shop unbemerkt.

+Was ist ein guter PageSpeed-Wert für einen Shopify-Shop?

Ziel sollte ein Google PageSpeed Insights Score von über 60 auf Mobile und über 80 auf Desktop sein. Wichtiger noch: Der Largest Contentful Paint sollte unter 2,5 Sekunden und die Total Blocking Time unter 200 ms liegen.

Weitere Artikel