Blog

Oversized Theme Assets: What to Fix First

A simple, safe order of operations to reduce theme asset bloat (images, videos, fonts, JS) without breaking design.

Theme assets slowly grow. A store adds a new font, a new hero video, a new app script, and a few more images. Nothing breaks immediately, but the storefront becomes heavier month by month.

You do not need a rebuild to fix this. You need a safe priority order.

The goal: reduce weight on critical pages

Start with the pages that matter most:

  • product page
  • collection page
  • cart/drawer

The best optimization is removing bytes and work that users do not need.

Fix-first priority list (safe and high impact)

1) Fonts

Fonts are often overlooked and surprisingly expensive.

Check:

  • how many font families are loaded
  • how many weights are loaded
  • whether you load the same font multiple times

Safe wins:

  • keep 1 family if possible
  • reduce to 2 weights (regular + bold)
  • avoid loading multiple subsets you do not use

2) Large images used as backgrounds

Common problem:

  • a hero image uploaded as a full-resolution photo and used on every page

Safe wins:

  • compress images
  • use responsive image sizing
  • avoid loading huge images above the fold on mobile

3) Autoplay videos

Hero videos look great, but they can hurt performance.

Safe wins:

  • do not autoplay on mobile
  • replace with a poster image until user clicks play
  • ensure the video is optimized and hosted correctly

4) Unused JS and CSS files

Themes and apps accumulate unused files.

Safe wins:

  • remove references to unused assets
  • delete after confirming no references remain

5) Third party scripts

Some scripts are necessary. Many are not.

Safe wins:

  • remove duplicates
  • scope to only the pages where needed
  • delay non-critical scripts

How to do this without breaking the theme

  1. Duplicate the theme.
  2. Make one change at a time (fonts, then images, then scripts).
  3. After each change, test product and cart flow.
  4. Publish only after validation.

A practical maintenance habit

If you want to keep the storefront fast:

  • run a quarterly “asset inventory”
  • remove unused fonts and scripts
  • audit app leftovers after uninstall

When you treat assets like a living system, performance stays under control.

If you want help spotting oversized theme files and common storefront risk areas quickly, Checkpoint: Store Scanner can highlight the biggest “fix first” items so you do not have to hunt manually.

Free download

Shopify Store QA Checklist

A quick, practical checklist to catch leftover app code, risky scripts, content gaps, discount issues, and common theme regressions.