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 (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 – überprüfe immer die Vorschau, bevor du es veröffentlichst. Der häufigste Fehler: Ein Snippet wird gelöscht, das noch von einer Section gerendert wird, oder du entfernst ein Script, von dem ein anderes abhängt. Teste das Duplikat immer ausgiebig, bevor du es live schaltest. Wenn du eine App entfernst, aber die Funktion behalten möchtest, beschreibe Fudge die Funktion und lass dir eine native Version direkt in dein Theme einbauen, bevor du den App-Code entfernst.
Suche im Code-Editor des Themes nach dem Namen der App oder charakteristischen Zeichenfolgen (Strings). Die meisten Apps fügen ihren Markennamen in die Script-Src-URLs (gorgias.com, klaviyo.com), Dateinamen (loox-reviews.liquid) oder Kommentare ein. Wenn du dir unsicher bist, installiere die App testweise neu auf einem leeren Theme und vergleiche es mit dem Original – die neuen Ergänzungen sind der Fußabdruck der App.
Bei Apps, die App Embeds nutzen: Nein – Shopify räumt hier automatisch auf. Bei Apps, für die du Code in die theme.liquid einfügen musstest: Ja. Plane ein vierteljährliches Audit ein, wenn in deinem Shop viele Apps ausprobiert wurden. Der Performance-Gewinn summiert sich, da sich ansonsten nach und nach immer mehr Datenmüll ansammelt.
Ja. App Embeds sind fest an die App gebunden – durch Deaktivierung oder Deinstallation wird das Theme automatisch bereinigt. Apps, die die theme.liquid direkt verändert haben (der ältere Ansatz), lassen ihren Code zurück. Dieser Unterschied ist bei der Auswahl neuer Apps wichtig; bevorzuge solche, die App Embeds verwenden, da sie auf lange Sicht deutlich pflegeleichter sind.
Ja – die App-Daten liegen in der eigenen Datenbank bzw. 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 noch da. Der Theme-Code steuert lediglich, wie diese Daten in deinem Storefront angezeigt werden.
