Das Wichtigste in Kürze
- Die Deinstallation einer Shopify-App entfernt nicht automatisch den Code, der deinem Theme hinzugefügt wurde.
- Übrig gebliebener Code verlangsamt deinen Shop, da Scripts für Dienste geladen werden, die nicht mehr existieren.
- Du findest übrig gebliebenen Code, indem du im Code-Editor deines Themes nach dem App-Namen suchst.
- Arbeite immer an einem duplizierten Theme. Bearbeite niemals direkt dein Live-Theme.
Jedes Mal, wenn du eine Shopify-App installierst, die dein Theme verändert, hinterlässt sie ihre Spuren. Wenn du die App deinstallierst, entfernt Shopify zwar die App selbst – aber der Code, der deinem Theme hinzugefügt wurde, bleibt. Mit der Zeit, wenn du verschiedene Apps ausprobierst, sammelt sich dieser Datenmüll an. Es werden Scripts für Dienste geladen, die du gar nicht mehr nutzt. CSS-Klassen verweisen auf Styles von Apps, die es schon seit Jahren nicht mehr gibt.
Dieses Aufräumen ist eine der am meisten unterschätzten Maßnahmen zur Performance-Optimierung bei Shopify.
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 Embeds System (Onlineshop → Themes → Anpassen → App-Embeds Icon). Wenn eine App App Embeds korrekt nutzt:
- Das Aktivieren/Deaktivieren der App erfolgt über einen Schalter im Theme Editor
- Durch das Deinstallieren der App wird das Embed automatisch entfernt
- Keine manuelle Code-Bereinigung erforderlich
Bevorzugen Sie bei der Auswahl neuer Apps solche, die App Embeds nutzen, gegenüber Apps, bei denen Sie Code in die theme.liquid einfügen müssen. Sie können dies in den Installationsanweisungen der App überprüfen.
Verwandt: Shopify Theme bearbeiten.
Verwandt: Shopify Theme schneller machen.
Verwandt: Nicht verwendeten 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
Möglicherweise, wenn du Code entfernst, auf den noch etwas Aktives verweist. Minimiere das Risiko, indem du an einem duplizierten Theme arbeitest – nutze die Vorschau vor dem Veröffentlichen. Die häufigste Fehlerquelle: Ein Snippet löschen, das noch von einer Section gerendert wird, oder ein Skript entfernen, von dem ein anderes Skript abhängt. Teste immer das Duplikat, bevor du es live schaltest. Wenn du eine App entfernst, aber die Funktion, die sie bot, weiterhin haben möchtest, beschreibe die Funktion für Fudge und lasse dir eine native Version in dein Theme einbauen, bevor du den App-Code entfernst.
Suche im Theme-Code-Editor nach dem Namen der App oder charakteristischen Zeichenfolgen. Die meisten Apps fügen ihren Markennamen in Skript-src-URLs (gorgias.com, klaviyo.com), Dateinamen (loox-reviews.liquid) oder Kommentare ein. Wenn du dir unsicher bist, installiere die App frisch auf einem Test-Theme und vergleiche es (diff) mit dem Original – die Ergänzungen sind der Fußabdruck der App.
Für Apps, die App Embeds verwenden: Nein – Shopify räumt automatisch auf. Für Apps, die dich gebeten haben, Code in die theme.liquid einzufügen: Ja. Plane ein vierteljährliches Audit ein, wenn dein Store viele Apps durchlaufen hat. Der Performance-Gewinn summiert sich, je mehr Code-Reste sich ansammeln.
Ja. App Embeds 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 Embeds nutzen, um die langfristige Wartung sauberer zu halten.
Ja – App-Daten liegen in der eigenen Datenbank/dem Account der App, nicht in deinem Theme. Das Entfernen von Theme-Code 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 lediglich, wie diese Daten in deinem Storefront angezeigt werden.
