Wichtigste Erkenntnisse
- Wenn du eine Shopify-App deinstallierst, wird der Code, den sie zu deinem Theme hinzugefügt hat, nicht automatisch entfernt.
- Übrig gebliebener Code verlangsamt deinen Shop durch das Laden von Skripten für Dienste, die nicht mehr existieren.
- Finde übrig gebliebenen Code, indem du im Code-Editor deines Themes nach dem App-Namen suchst.
- Arbeite immer mit einem duplizierten Theme. Bearbeite dein Live-Theme niemals direkt.
Jedes Mal, wenn du eine Shopify-App installierst, die dein Theme verändert, hinterlässt sie Spuren. Wenn du die App deinstallierst, entfernt Shopify zwar die App selbst — aber der Code, den sie zu deinem Theme hinzugefügt hat, bleibt. Mit der Zeit, wenn du viele Apps ausprobierst, sammelt sich dieser Datenmüll an. Skripte werden für Dienste geladen, die du nicht mehr nutzt. CSS-Klassen verweisen auf Styles von Apps, die schon seit Jahren nicht mehr existieren.
Diese Bereinigung ist eine der am meisten unterschätzten Shopify-Performance-Verbesserungen.
Wie lösche ich Code in Shopify?
Die kurze Antwort: Online-Shop → Themes → Aktionen → Code bearbeiten. Dies öffnet den Code-Editor, in dem du alle Theme-Dateien einsehen und bearbeiten kannst. Das Löschen von Code erfordert das Wissen, was sicher entfernt werden kann – die folgenden Schritte helfen dir dabei, dies zu identifizieren.
Verwandt: Remove Unused Code in Shopify.
Verwandt: Fix Layout Issues After Installing Shopify Apps.
Schritt 1 – Dupliziere dein Theme, bevor du etwas anfasst
Das ist obligatorisch. Gehe zu Online-Shop → Themes → finde dein aktives Theme → klicke auf das Drei-Punkte-Menü → Duplizieren.
Ein Fehler in der falschen Datei kann dein gesamtes Storefront zerschießen. Wenn du an einem Duplikat arbeitest, kannst du jederzeit zurückkehren, indem du zum Original wechselst.
Schritt 2 – Suche nach dem App-Namen in deinem Theme-Code
Öffne den Code-Editor (Onlineshop → Themes → Aktionen → Code bearbeiten).
Die meisten Code-Editoren haben eine Suchfunktion. Nutze im Shopify-Editor die Suchleiste oben, um nach dem Namen der App zu suchen. Versuche Folgendes:
- Den Markennamen der App (z. B. „loox“, „klaviyo“, „privy“, „yotpo“)
- Typische Muster für App-Kennungen (
app-name-snippets,app-name-scripts)
Wo du suchen solltest:
theme.liquid – der häufigste Ort für übrig gebliebene Script-Tags. Apps fügen oft JavaScript-Includes in den <head> oder vor dem </body> ein. Suche nach <script src="https://app-name.com/...">-Tags, die nach der Deinstallation zurückgeblieben sind.
snippets/ Ordner – Apps erstellen oft neue Snippet-Dateien (z. B. loox-reviews.liquid, privy-popup.liquid). Diese tauchen als neue Dateien im Snippets-Ordner auf, die vor der Installation der App nicht da waren.
sections/ Ordner – manche Apps fügen neue Section-Typen hinzu. Nach der Deinstallation bleibt die Section-Datei bestehen, aber die Funktionalität der App ist kaputt.
assets/ Ordner – hier fügen Apps manchmal CSS- oder JavaScript-Dateien hinzu.
Schritt 3 – Identifizieren, was sicher entfernt werden kann
Nicht jeder „übrig gebliebene“ Code ist schädlich. Einige Apps fügen Funktionen hinzu, die du über das gerenderte HTML auch nach der Deinstallation der App weiter nutzen kannst (das ist ungewöhnlich, aber möglich). Prüfe jeden Code-Schnipsel, bevor du ihn löschst.
Sicher zu entfernen, wenn:
- Der Code auf externe Skripte (URLs) von der Domain der App verweist, die nicht mehr geladen werden
- Die Dateien eindeutig nach der deinstallierten App benannt sind
- Das Entfernen des Codes aus der theme.liquid keine sichtbaren Auswirkungen auf den Storefront hat (teste dies an deinem Duplikat)
Vorsicht bei:
- Generischen Snippet-Namen, die von verschiedenen Apps oder deinem Entwickler erstellt worden sein könnten
- Jeglichem Code, der in Sections vorkommt, die noch aktiv in deinem Storefront verwendet werden
Schritt 4 – Code entfernen
Für Script-Tags in der theme.liquid: Lösche den gesamten <script>-Tag (einschließlich des öffnenden und schließenden Tags).
Für Snippet-Dateien: Klicke auf die Datei → Löschen über das Drei-Punkte-Menü neben dem Dateinamen.
Für von einer App erstellte Sektionsdateien: Lösche diese nur, wenn die Sektion nicht mehr in Templates oder auf aktiven Seiten verwendet wird.
Nach jedem Löschvorgang solltest du eine Vorschau deines Storefronts aufrufen, um sicherzustellen, dass nichts kaputtgegangen ist.
Häufige Apps, die viel Code hinterlassen
Popup- und Email-Capture-Apps (Privy, Sumo, Justuno) – fügen oft große JavaScript-Dateien in die theme.liquid ein.
Bewertungs-Apps (Yotpo, Loox, Judge.me) – fügen Snippet-Dateien hinzu und rendern oft Code in Produkt-Templates.
Chat-Apps (Gorgias, Tidio, Intercom) – fügen Chat-Widget-Script-Tags in die theme.liquid ein.
Social-Proof-Apps – fügen Benachrichtigungs-Popups über Skripte in der theme.liquid hinzu.
Page-Builder-Apps (wie PageFly, Shogun, GemPages) – können umfangreiche Sektions- und Snippet-Dateien hinterlassen.
Das App-Embed-System von Shopify nutzen, um zukünftige Code-Reste zu vermeiden
Moderne Shopify-Apps nutzen das App-Einbettungen-System (Onlineshop → Themes → Anpassen → App-Einbettungen-Symbol). Wenn eine App App-Einbettungen richtig nutzt:
- Das Aktivieren/Deaktivieren der App erfolgt über einen Schalter im Theme-Editor
- Bei der Deinstallation der App wird die Einbettung automatisch entfernt
- Keine manuelle Code-Bereinigung erforderlich
Bevorzuge bei der Auswahl neuer Apps solche, die App-Einbettungen verwenden, gegenüber Apps, bei denen du Code in die theme.liquid einfügen musst. Das kannst du in der Installationsanleitung der App überprüfen.
Jede aktivierte Einbettung kann immer noch auf jeder Seite Code ausführen. Überprüfe die Liste daher nach jedem App-Sicherheitsvorfall. Im Oktober 2026 leitete Code, der über verschiedene Storefront-Apps ausgeliefert wurde, Käufer auf gefälschte Checkout-Seiten weiter. Siehe der Shopify-Checkout-Phishing-Angriff, um zu erfahren, wie du deinen Shop überprüfen kannst.
Verwandt: Dein Shopify-Theme bearbeiten.
Verwandt: Ein Shopify-Theme schneller machen.
Verwandt: Ungenutzten Code in Shopify entfernen.
Verwandt: Layout-Probleme nach der Installation von Shopify-Apps beheben.
Den Theme Inspector nutzen, um langsame Skripte zu finden
Die Shopify Theme Inspector Chrome-Erweiterung zeigt, welche Skripte und Assets am meisten zur Seitenladezeit beitragen. Nachdem du übrig gebliebenen Code bereinigt hast, führe sie aus, um zu überprüfen, ob die Skripte nicht mehr geladen werden.
FAQ
Kann das Entfernen von übrig gebliebenem App-Code meinen Shopify-Shop kaputt machen?
Möglicherweise, wenn du Code entfernst, auf den noch von etwas Aktivem verwiesen wird. Minimiere das Risiko, indem du an einem duplizierten Theme arbeitest — schau dir die Vorschau an, bevor du veröffentlichst. Der häufigste Fehler: Ein Snippet löschen, das noch von einer Section gerendert wird, oder ein Skript entfernen, von dem ein anderes Skript abhängt. Teste das Duplikat immer, bevor du die Themes tauschst. Wenn du eine App entfernst, aber die Funktion, die sie bot, weiterhin nutzen möchtest, beschreibe die Funktion für Fudge und lass dir eine native Version in dein Theme einbauen, bevor du den App-Code entfernst.
Woran erkenne ich, welcher Code von einer bestimmten App stammt?
Suche im Theme-Code-Editor nach dem Namen der App oder charakteristischen Zeichenfolgen. Die meisten Apps enthalten ihren Markennamen in Skript-src-URLs (gorgias.com, klaviyo.com), Dateinamen (loox-reviews.liquid) oder Kommentaren. Wenn du dir unsicher bist, installiere die App frisch in einem Test-Theme und vergleiche es mit dem Original — die Ergänzungen sind der Fingerabdruck der App.
Sollte ich den Theme-Code nach jeder Deinstallation einer Shopify-App bereinigen?
Bei Apps, die App-Einbettungen verwendet haben: Nein — Shopify bereinigt das automatisch. Bei Apps, die dich gebeten haben, Code in die theme.liquid einzufügen: Ja. Plane ein vierteljährliches Audit ein, wenn in deinem Shop schon viele Apps installiert und wieder gelöscht wurden. Der Leistungsgewinn summiert sich, wenn sich Datenmüll ansammelt.
Entfernt Shopify bei der Deinstallation automatisch den Code für App-Einbettungen?
Ja. App-Einbettungen sind an die App gebunden — das Deaktivieren oder Deinstallieren bereinigt das Theme automatisch. Apps, die die theme.liquid direkt verändert haben (der ältere Ansatz), hinterlassen ihren Code. Dieser Unterschied ist bei der Auswahl neuer Apps wichtig; bevorzuge solche, die App-Einbettungen verwenden, um die langfristige Wartung zu erleichtern.
Bleiben die Daten der App erhalten, wenn ich ihren Theme-Code lösche?
Ja — die App-Daten befinden sich in der eigenen Datenbank/im Account der App, nicht in deinem Theme. Das Entfernen des Theme-Codes löscht keine Bewertungen, Kundenlisten oder andere von der App verwalteten Inhalte. Wenn du die App neu installierst, sind die Daten immer noch da. Der Theme-Code steuert nur, wie diese Daten in deinem Storefront angezeigt werden.
