Shopify Speed Optimization: A Practical Guide (2026)

A 1-second delay in page load drops conversion by 7%. On a Filipino mobile network, your store could be loading 4–6 seconds slower than a Manila-tested score implies. Speed isn't optional — it's revenue.

Most "Shopify speed guides" tell you to enable lazy loading and call it a day. Real speed optimization is more complex but also more impactful.

Here's the practical playbook I work through on every store I audit.

TL;DR

The 5 highest-impact moves:

1. Audit and remove apps (every uninstalled app may leave residue).

2. Compress and resize images.

3. Pick a fast theme (Dawn, Sense, Craft, Impulse).

4. Lazy-load images and videos below the fold.

5. Limit third-party scripts.

If you do those, mobile PageSpeed jumps from 40s to 70s+.

Measure first

Before optimizing, measure:

Google PageSpeed Insights (mobile + desktop).

GTmetrix (more detailed).

WebPageTest (real-world simulation including PH networks).

Note the Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), and First Input Delay (FID). These are your Core Web Vitals.

Targets for mobile:

LCP under 2.5s (good)

CLS under 0.1

FID under 100ms

If you fail any of these, fixes below will get you there.

Move 1: Audit apps

Open Shopify Admin → Apps. List every installed app. For each, ask:

Is this driving measurable revenue?

Could a $0 native feature replace it?

When did I last actively use this?

Delete what doesn't pass all three.

After deleting, run Online Store → Themes → Edit code and search for orphan code from removed apps:

Look in `theme.liquid` for leftover script tags.

Search for the app's unique identifier.

Remove leftover code.

OR contact the deleted app's support and ask them to remove their code (they're obligated to).

I've seen mobile PageSpeed scores jump from 38 to 67 just from app cleanup.

Move 2: Image optimization

Images are usually 60–80% of a page's weight.

Before upload

Resize: don't upload 4000×3000px when display is 800×600px. Use Photoshop, Figma, or a free tool like Squoosh.

Compress: TinyPNG, ImageOptim, or Squoosh. Target under 200KB per image.

Format: JPEG for photos, PNG only for transparency.

Shopify's built-in optimization

Shopify auto-converts to WebP if the browser supports it. But it can't fix uploads that are huge to start. Garbage in, garbage out.

Image dimensions

In Liquid, specify width and height:

```liquid

```

This prevents layout shift (CLS).

Lazy loading

Most modern themes lazy-load below-the-fold images by default. Verify in your theme's image snippet — should include `loading="lazy"`.

For images above the fold (hero, first product image): use `loading="eager"` and `fetchpriority="high"`.

Move 3: Theme choice

Some themes are 3x faster than others out of the box. If you're on a slow theme, no amount of optimization saves you.

Fast themes (free): Dawn, Sense, Craft.

Fast themes (paid): Impulse, Prestige.

Slow themes: anything with heavy default animations, 8+ default sections, or "all-in-one" marketing.

If you're on a slow theme: build a duplicate, switch to Dawn or Sense, rebuild your top pages, A/B test before cutting over.

Move 4: Limit third-party scripts

Each script you add slows your site. Audit:

Pixel + CAPI (essential, keep)

Google Tag (essential, keep)

Klaviyo (essential, keep)

Live chat (only if used, otherwise delete)

Affiliate trackers (necessary if active program)

Heatmap tools (Hotjar, Microsoft Clarity) — turn off in production once data is collected

Analytics duplicates (delete the duplicates)

Each of the above adds 50–300ms to page load. Don't run optional scripts.

Move 5: Defer non-critical scripts

Add `defer` or `async` to script tags that don't need to load immediately:

```html

```

Most modern themes do this. Check yours: edit `theme.liquid`, look at script tags. If any have neither `defer` nor `async`, add `defer` (unless they're rendering critical content).

Move 6: Audit Liquid

Custom Liquid code can slow you down if poorly written:

Loops over thousands of products.

Deep `if/else` chains in the header.

API calls in Liquid.

If you've added custom code, get a developer to review.

Move 7: Reduce homepage sections

A homepage with 12 sections loads slower than one with 6. Audit:

Hero section: keep.

Featured collection: keep.

Social proof: keep.

Featured products (×3): probably 1 is enough.

"About us" block: maybe move to its own page.

Newsletter: keep.

Press: optional.

Instagram feed: probably remove (heavy + low conversion).

Map embed: definitely remove unless physical store.

Aim for 6–8 sections on homepage.

Move 8: Critical CSS

For above-the-fold content, inline the critical CSS so the page renders before the full stylesheet loads.

Most modern themes (Dawn, Sense) handle this natively. If you're on an older theme, talk to your developer.

Move 9: Font loading

Custom fonts add 300ms+ if not optimized:

Use `font-display: swap` to render text immediately.

Self-host fonts if your theme allows (faster than Google Fonts CDN sometimes).

Limit to 2 font families, 3–4 weights.

Move 10: CDN and caching

Shopify hosts on Fastly's CDN globally. Speed in PH should be near-instant for static assets. If you're still slow, the problem is rendering, not delivery.

Cloudflare in front of Shopify is sometimes added for image optimization or DDoS protection. Usually unnecessary unless you have specific needs.

Don't bother with these "tips"

A lot of internet advice is outdated or wrong:

"Minify CSS." Shopify already minifies on production.

"Combine JavaScript files." Modern HTTP/2 makes this irrelevant.

"Enable Gzip." Shopify already does.

"Move scripts to footer." `defer` is better.

"Disable jQuery." Most themes don't use jQuery anymore.

Skip these. Focus on the moves above.

What "fast" looks like

For a typical PH Shopify store, after optimization:

Mobile PageSpeed: 70–85.

LCP: 1.8–2.4s.

CLS: under 0.05.

Total page weight: under 1.5MB.

Time to Interactive: under 3.5s on 4G.

Hitting these is achievable for any store with 2 weekends of work.

When to call a developer

Call a developer if:

Mobile PageSpeed is below 50 after the moves above.

You have heavily customized Liquid.

You're on a paid theme more than 2 versions out of date.

You see "Reduce server response time" warnings (theme issue, often).

Budget: ₱5,000–₱25,000 for a one-time speed audit + fixes.

Want me to audit your store?

If your store is slow and ad ROAS is suffering, my Shopify Expert service includes a full speed audit. Or DIY with the Shopify Course Philippines.