Wichtige Erkenntnisse
- Das Deinstallieren einer Shopify-App entfernt nicht automatisch den Code, der zu deinem Theme hinzugefügt wurde.
- Code-Reste verlangsamen deinen Shop, da Skripte für Dienste geladen werden, die nicht mehr existieren.
- Finde Code-Reste, indem du im Code-Editor deines Themes nach dem App-Namen suchst.
- Arbeite immer an einem Duplikat deines Themes. Bearbeite niemals direkt dein Live-Theme.
Jedes Mal, wenn du eine Shopify-App installierst, die dein Theme verändert, hinterlässt sie Spuren. Wenn du die App deinstallierst, entfernt Shopify die App selbst – aber der Code, der deinem Theme hinzugefügt wurde, bleibt bestehen. Mit der Zeit, wenn du verschiedene Apps ausprobierst, sammelt sich dieser Datenmüll an. Skripte laden für Dienste, die du gar nicht mehr nutzt. CSS-Klassen verweisen auf Styles von Apps, die seit Jahren nicht mehr existieren.
Diese Bereinigung ist eine der am meisten unterschätzten Maßnahmen zur Verbesserung der Shopify-Performance.
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 (Online-Shop → Themes → Aktionen → Code bearbeiten).
Die meisten Code-Editoren haben eine Suchfunktion. Nutze im Editor von Shopify die Suchleiste oben, um nach dem Namen der App zu suchen. Probiere es mit:
Verwandt: Edit Your Shopify Theme.
- Dem Markennamen der App (z. B. „loox“, „klaviyo“, „privy“, „yotpo“)
- Gängigen App-Identifikationsmustern (
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 im <head> oder vor </body> hinzu. Suche nach <script src="https://app-name.com/...">-Tags, die nach der Deinstallation verbleiben.
snippets/-Ordner – Apps erstellen oft neue Snippet-Dateien (z. B. loox-reviews.liquid, privy-popup.liquid). Diese erscheinen als neue Dateien im Snippets-Ordner, die vor der Installation der App nicht da waren.
sections/-Ordner – einige Apps fügen neue Section-Typen hinzu. Nach der Deinstallation bleibt die Sektionsdatei bestehen, aber die App-Funktionalität ist defekt.
assets/-Ordner – Apps fügen hier 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 auch nach der Deinstallation über das gerenderte HTML weiter nutzt (das ist ungewöhnlich, aber möglich). Überprüfe jedes Codestück, bevor du es löschst.
Verwandt: Speed Up a Shopify Theme.
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 das Storefront hat (teste dies auf deinem Duplikat)
Sei vorsichtig bei:
- Generischen Snippet-Namen, die von mehreren Apps oder deinem Entwickler erstellt worden sein könnten
- Code, der in Sections erscheint, die noch aktiv auf deinem Storefront genutzt 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 in einem duplizierten Theme arbeitest — schau dir die Vorschau an, bevor du es 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 abhängt. Teste immer das Duplikat, bevor du es tauschst. Wenn du eine App entfernst, aber die Funktion trotzdem behalten willst, beschreibe das Feature für Fudge und lass dir eine native Version in dein Theme einbauen, bevor du den App-Code entfernst.
Suche im Code-Editor des Themes nach dem Namen der App oder charakteristischen Strings. Die meisten Apps packen ihren Markennamen in die Skript-URLs (gorgias.com, klaviyo.com), Dateinamen (loox-reviews.liquid) oder Kommentare. Wenn du dir unsicher bist, installiere die App komplett neu in einem Test-Theme und mache einen Diff-Vergleich mit dem Original — die hinzugefügten Zeilen sind der Fußabdruck der App.
Bei Apps, die App Embeds genutzt haben, nein — Shopify räumt da automatisch auf. Bei Apps, die dich gebeten haben, Code in die theme.liquid einzufügen, ja. Plane ein vierteljährliches Audit ein, wenn in deinem Store schon viele Apps durchrotiert sind. Der Performance-Gewinn summiert sich, je mehr Datenmüll sich ansammelt.
Ja. App Embeds sind an die App gebunden — wenn du sie deaktivierst oder deinstallierst, wird das Theme automatisch bereinigt. 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 Apps mit App Embeds für eine sauberere langfristige Wartung.
Ja — die 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 verwaltete Inhalte. Wenn du die App neu installierst, sind die Daten immer noch da. Der Theme-Code steuert nur, wie diese Daten in deiner Storefront angezeigt werden.
