How to Remove Unused Code in Shopify (2026)

Key takeaways

• Unused code accumulates from uninstalled apps, old theme customizations, and unused sections.
• Use Theme Inspector to find slow Liquid, and Chrome DevTools’ Network and Coverage tabs to find heavy or unused JavaScript and CSS.
• 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.

To remove unused code in Shopify, duplicate your theme, find heavy or unused scripts and stylesheets with Chrome DevTools, search the theme for each file’s name to confirm nothing loads it, then delete it on the duplicate and preview before publishing.

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.

Removing it makes pages lighter and costs nothing but time.

How do I delete code in Shopify?

First, duplicate your theme. Online Store → Themes, click the three-dot menu (…) next to your theme, then Duplicate.

Then, on the duplicate, click the three-dot menu (…) and choose Edit code. This opens the code editor where you can view all theme files. Individual files can be edited or deleted here.

Step 1 — Identify what’s slow

The Shopify Theme Inspector is a free Chrome extension that shows how long each Liquid template, section and snippet takes to render on Shopify’s server. It doesn’t measure how long scripts or other assets take to load.

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 templates and sections are slowest to render. Focus Liquid cleanup on the worst offenders.

For JavaScript and CSS: open Chrome DevTools → Network tab → filter by JS or CSS → reload the page. Sort by Size to find the largest files. Are any of them from apps you no longer use? The Coverage tab (Cmd+Shift+P → “Show Coverage”) shows how much of each file the page actually uses.

For what Shopify already compresses, see how to minify CSS and JavaScript in Shopify.

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.

For a step-by-step clean-up after uninstalling an app, see how to remove leftover app code from Shopify.

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)

Also check the section group files (sections/header-group.json, footer-group.json) and layout/theme.liquid for {% section %} tags; a section listed in none of these is 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

For speed fixes beyond clean-up, see how to speed up a Shopify theme.

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. For performance, Theme Inspector covers slow Liquid and DevTools’ Network and Coverage tabs cover scripts and stylesheets.

FAQ