How to Remove Unused Code in Shopify (2026)

Key takeaways

• Unused code accumulates from uninstalled apps, old theme customizations, and unused sections.
• Use Shopify Theme Inspector (Chrome extension) to identify which assets are slowest to load.
• Find orphaned snippets and sections by searching for their filenames in your theme’s Liquid files.
• Always work on a duplicate theme. Removing wrong code breaks your store.

Every time you install an app, try a customization, or update your theme, code accumulates. Dead CSS. Script tags for apps you uninstalled two years ago. Snippet files that nothing renders. Over time, this unused code makes your store slower without adding any value.

Cleaning it up is one of the most effective performance improvements you can make — and it costs nothing except time.

How do I delete code in Shopify?

Go to Online Store → Themes → Actions → Edit code. This opens the code editor where you can view all theme files. Individual files can be edited or deleted here.

Critical reminder: duplicate your theme before touching any code. Online Store → Themes → three-dot menu → Duplicate.

Step 1 — Identify what’s slow with Theme Inspector

The Shopify Theme Inspector is a free Chrome extension that shows which Liquid templates and assets take the longest to render.

How to use it:

1. Install the extension from the Chrome Web Store
2. Open your store and press F12 to open Chrome DevTools
3. Switch to the “Theme Inspector” tab
4. Navigate around your store — the extension shows rendering time per template

This tells you which pages and assets are contributing most to slow load times. Focus cleanup efforts on the worst offenders.

For JavaScript specifically: open Chrome DevTools → Network tab → filter by JS → reload the page. Sort by Size to find the largest scripts. Are any of them from apps you no longer use?

How to remove unused JavaScript in Shopify

Leftover app scripts in theme.liquid. The most common source of unused JavaScript. Open theme.liquid in the code editor and search for script tags referencing third-party domains from apps you’ve uninstalled.

<!-- Example leftover script from an uninstalled popup app -->
<script src="https://privy.com/scripts/privy.js"></script>

Delete the entire <script> tag if the app is no longer installed.

Unused JavaScript files in assets/. Open the assets/ folder in the code editor. Look for .js files with names that reference apps or features you no longer use. Search for the filename in your theme’s Liquid files — if nothing renders or includes the file, it can be removed.

Section JavaScript blocks. If you’ve deleted a section from all your templates but left the section file, its {% javascript %} block still compiles into your theme’s main JavaScript bundle. Delete unused section files entirely.

How to remove unused CSS

Unused stylesheet files in assets/. Look for .css files from old apps or customizations. Same process: search for the filename in Liquid files to see if anything loads it.

Dead CSS in base.css. CSS rules written for sections or elements that no longer exist. This is harder to audit automatically. Tools like PurgeCSS (not a Shopify-native tool, but useful for analysis) can identify CSS selectors that don’t match any HTML on your live pages.

The practical approach: focus on removing clearly named, clearly outdated CSS blocks rather than trying to audit every rule in base.css. The biggest wins come from removing entire stylesheets, not individual rules.

How to find and remove orphaned snippets

A snippet is “orphaned” if no template, section, or other snippet renders it.

Finding orphaned snippets:

1. Go to the snippets/ folder in the code editor
2. For each suspicious file (especially ones with app names), search your entire theme for the snippet’s filename
3. Search for {% render 'snippet-name' %} or {% include 'snippet-name' %}
4. If no results: the snippet is orphaned and can be deleted

Common orphaned snippets: files named after apps (loox-widget.liquid, privy-form.liquid), old feature snippets from previous theme customizations, and duplicate snippet versions.

How to find unused sections

Sections are used if they’re referenced in a template’s JSON file or rendered by another section.

Check template files:

1. Open the templates/ folder
2. Each .json template file lists which sections appear on that page type
3. If a section file exists but isn’t listed in any template, it’s unused (though it may be accessible via “Add section” in the Theme Editor)

For sections that were added to a page once and then removed, they may no longer appear on any page but the file still exists. These are safe to delete.

Priority order for cleanup

Not all unused code has the same performance impact. Focus in this order:

1. External scripts (app script tags in theme.liquid) — each one is an HTTP request to an external server
2. Large JavaScript files in assets/ — especially anything over 50KB
3. Unused CSS stylesheets — especially ones loaded on every page via theme.liquid
4. Orphaned snippets and sections — smaller impact but good housekeeping

Using Shopify’s built-in theme check

Shopify’s theme development tools include Theme Check, which flags a range of code issues including unused variables and deprecated Liquid syntax. For merchants (as opposed to developers), this is harder to access — it’s primarily a CLI tool.

The Shopify code editor does surface some basic warnings, and the Theme Inspector covers the performance side well enough for most cleanup tasks.