Home » Make It Fast » Shopify Speed Checklist

Shopify Speed Optimization Checklist: Fix What Matters First

Last Updated On February 18, 2026 @ 9:52 am

Measured with Google Lighthouse (0 apps, Flora theme, Basic Shopify)

Shopify can be fast out of the box. Most slowdowns happen when your store gets heavier over time, usually from oversized images, too many homepage sections, and extra scripts you do not really need.

This checklist is the order I use because it prevents rework. You measure first, fix the biggest payload items first, and retest the same pages so you know what actually helped.

My test setup (Store Build Lab)

• Store type: development store (password protected)
• Plan: Basic Shopify
• Theme: Flora
• Apps used: 0
• Products: 8
• Collections: 3
• Test pages I used:
  • Homepage: 
  • Product page: 
  • Collections page:

Why these pages: they represent the three core storefront templates. If these are fast, the store usually feels fast.

The Lighthouse method I use (so the results are real)

Lighthouse is a lab test, so consistency matters more than perfection.

Here is the repeatable setup:

1. Open Chrome in an incognito window
2. Enter the storefront password so you are testing the real pages
3. Open one of the test URLs
4. Open DevTools → Lighthouse (Right click on page -> click inspect -> tab on top might have to click the >>)
5. Run Mobile first (that is where slow hurts most)
6. Run 3 tests per page and keep the middle result
7. After each meaningful change, rerun the same page the same way

The 3 Lighthouse signals I care about (simple version)

LCP (Largest Contentful Paint)

Usually your hero image or your product image. If LCP is slow, your store feels slow right away.

CLS (Cumulative Layout Shift)

This is page jumping while it loads. It hurts trust.

INP (Interaction to Next Paint)

This is how responsive the page feels when someone taps, scrolls, opens the menu, or hits Add to cart.

Why these exist: they map to real shopping friction, not vanity.

Shopify speed checklist (in the correct order)

1) Run Lighthouse on the 3 templates first

Before you change anything, test:

• homepage
• product page
• collections page

What I look at first:

• the mobile Performance score as a quick summary
• LCP, CLS, and INP signals
• Lighthouse “Opportunities” and “Diagnostics” to see the biggest weight sources

2) Fix images first (this is usually the biggest win)

Images are the most common Shopify speed killer, even with zero apps.

What I do first:

• resize hero images before uploading
• compress product images (avoid raw uploads)
• keep the homepage from loading too many large images at once
• avoid heavy sliders above the fold

This matters because images often drive LCP. If the biggest image is heavy, the whole page feels heavy.

You might like this article: Shopify Image Optimization

3) Trim the homepage section stack

Your homepage is usually heavier than your product pages because it has more sections and more assets loading at once.

What I simplify:

• remove sections that repeat the same job
• reduce the number of image-heavy sections
• avoid carousels and sliders if possible
• keep the above-the-fold area clean and purposeful

Simple rule: every section should help a shopper either start browsing or trust the store.

Optional internal link: Shopify Homepage Layout

4) Keep product pages consistent (templates prevent bloat)

Even with no apps, product pages can become inconsistent if you build each one differently.

What I did:

• created a product page template
• reused the same information stack across products
• kept media, sections, and tabs consistent

Why it matters: templates reduce layout randomness, reduce layout shift risk, and keep your storefront easier to optimize over time.

You might like this read: Shopify Product Page Structure 

5) Reduce CLS (stop page jumping)

CLS is a conversion killer because it makes the store feel unstable.

What I watch for:

• promo bars that load late and push content down
• fonts that swap and change spacing
• images that load without stable sizing
• sticky elements that appear after the page starts rendering

Quick fixes:

• avoid late-loading banners above the fold
• keep image containers consistent
• keep the top of the page stable

You might like this article: Shopify Core Web Vitals

6) Improve INP by keeping interactions light

With 0 apps, INP is often about theme behavior, too many interactive sections, and heavy above-the-fold assets.

What helps:

• reduce interactive widgets on the homepage
• keep menus simple and predictable
• avoid stacking multiple animated sections

Why it matters: a store can “load” but still feel laggy when people tap and scroll.

7) Retest the same 3 pages and keep what actually helped

After each meaningful change, I retest:

• homepage
• product page
• collections page

And I keep only the changes that moved the experience in the right direction.

Best practice:

• run Lighthouse 3 times
• use the middle result
• log what you changed

Common Shopify speed traps (even with 0 apps)

• huge hero images
• too many homepage sections
• carousels and sliders everywhere
• inconsistent product pages that get “customized to death”
• oversized images that are never resized before upload

My recommendation

If you want your Shopify store to stay fast, treat speed like a build habit.

• measure first
• fix image weight first
• keep the homepage lean
• use templates to prevent page sprawl
• retest the same pages after each change

If you want the plan generated from your niche first: /store-blueprint/

Testing Note 

Testing Note: Last tested Feb 2026. Test setup: password-protected development store on Basic Shopify using the Flora theme, with 0 apps, 8 products, and 3 collections. I measured performance using Google Lighthouse (mobile), running three audits per page and keeping the middle result for consistency. I tested three storefront templates, the homepage, a product page, and the collections page. What I noticed: the biggest speed wins came from reducing image weight and keeping the homepage section stack lean. Recommendation: measure first, fix the biggest payload items first, then retest the same pages so improvements are real and repeatable.

FAQ 

What is the fastest way to speed up a Shopify store?

Start with the biggest “payload” items first: image weight and your homepage section stack. Then rerun Lighthouse on the same pages to confirm the improvement.

Should I use Google Lighthouse or PageSpeed Insights for Shopify speed tests?

Use Google Lighthouse when you want consistent, repeatable page-level tests, especially on development or password-protected stores. PageSpeed Insights is helpful too, but it can be harder to use reliably if your store is gated.

Which Shopify pages should I test for speed?

Test the three core templates that shape the whole shopping experience: your homepage, a real product page, and a real collection page. If those are fast, the store usually feels fast.

How many times should I run Lighthouse?

Run Lighthouse three times per page and keep the middle result. Results can vary slightly between runs, so this makes your testing more stable.

What does LCP mean for Shopify?

LCP is Largest Contentful Paint. On Shopify, it is usually your hero image on the homepage or the main product image on a product page. If LCP is slow, the store feels slow right away.

What causes CLS on Shopify?

CLS is page shifting while it loads. Common causes are late-loading announcement bars, font swapping, images without stable sizing, and elements that appear after the page starts rendering.

What does INP mean for Shopify stores?

INP measures how quickly the page responds when shoppers tap, scroll, open menus, or click Add to cart. A store can load “fast” but still feel laggy if INP is weak.

Do images really matter that much for Shopify speed?

Yes. Images often control LCP and total page weight. Resizing and compressing images is usually the fastest win you can make without changing your design.

How do I make my Shopify homepage faster without ruining it?

Keep the section stack lean. Remove sections that repeat the same job, avoid heavy sliders, and focus the top of the page on one goal: getting shoppers into collections or products.

Do I need apps to speed up my Shopify store?

Not always. If you are running 0 apps, you can still get major speed wins from clean templates, optimized images, and a lean homepage. Apps can help in some cases, but they can also add script weight.

What is the best way to prevent Shopify speed problems long-term?

Use a repeatable build order: measure, optimize images, keep sections lean, reuse templates, and retest after changes. Speed stays good when your structure stays clean.

How do I know my speed improvements are real?

Retest the same pages using the same Lighthouse setup after each meaningful change. Keep a simple change log so you know what actually moved the needle.