Home » Make It Fast » Fast Shopify Themes

Fastest Shopify Themes (My Speed Test Framework + What Actually Matters)

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

Store Build Lab Author And Researcher Chris Pontine

Tested By: Chris Pontine

Founder & Lead Researcher

I may earn a commission from qualifying sign-ups, learn more. I only recommend what I’ve tested in Shopify, with notes on what affects store structure, performance, and conversion flow. 

Picking a “fast Shopify theme” is not really about the theme store badge or a demo site that loads in 1 second.

It’s about this:

Your theme is the performance container your entire storefront lives inside.

So if your theme starts heavy, everything you add later (images, sections, apps, tracking) just makes that heaviness louder.

In this post, I’m going to show you the exact framework I use to test theme speed, plus real baseline Lighthouse numbers from two Shopify themes I installed on a fresh dev store: Horizon and Tinker.

What “fastest Shopify theme” means in real life

When people search “fastest Shopify themes,” they usually want a list.

But lists don’t hold up in the real world because speed is not a label, it’s a behavior.

A theme is “fast” when it:

  • keeps LCP under control (usually hero image, collection grid, or product media)
  • avoids layout movement so CLS stays stable
  • keeps scripts and UI lightweight so TBT stays low
  • stays lean even after you build a real homepage and real templates

So instead of pretending there is one “fastest theme,” this post does two things:

  1. Gives you a test framework you can run on any Shopify theme
  2. Shows real baseline results from my dev store testing

My speed test setup (so the numbers actually mean something)

This was not a “random run.” I kept the setup consistent so the theme is what changes, not the content.

  • Store: fresh Shopify dev store
  • Apps: 0
  • Testing tool: Google Lighthouse (mobile)
  • Device profile: Moto G Power (Lighthouse)
  • Network: Slow 4G throttling
  • Session: single page load
Lighthouse settings showing Mobile + throttling

Lighthouse settings showing Mobile 

The pages you should test every time

If you only test the homepage, you are missing where most stores slow down.

Here’s the minimum set that tells the truth:

  1. Homepage (hero + sections + navigation)
  2. Collection page (grid + filters + product cards)
  3. Product page (media + buy box + sticky cart + recommendations)
Testing notes

Just notes I'm jotting down in Notepad

Tabs in Google Chrome as I test Shopify themes

I usually test just with tabs side by side to track easier

My baseline results (Horizon vs Tinker)

These are the exact Lighthouse mobile scores from my development store.

Horizon homepage baseline (fresh dev store)

Homepage URL: https://baseline-theme-test.myshopify.com/

  • Performance: 93
  • Accessibility: 94
  • Best Practices: 77
  • SEO: 92
  • FCP: 1.8s
  • LCP: 2.9s
  • TBT: 70ms
  • CLS: 0
  • Speed Index: 2.9s
Testing homepage on Horizon for baseline theme test

Tinker homepage baseline (same dev store)

Homepage URL: https://baseline-theme-test.myshopify.com/

  • Performance: 87
  • Accessibility: 91
  • Best Practices: 77
  • SEO: 92
  • FCP: 2.3s
  • LCP: 3.1s
  • TBT: 190ms
  • CLS: 0.04
  • Speed Index: 3.8s
Lighthouse page test on Tinker shopify theme on base store on development store

This is my Tinker homepage Lighthouse score summary

Tinker collection page baseline

Collection page tested: “Paddle Boards”

  • Performance: 70
  • Accessibility: 97
  • Best Practices: 77
  • SEO: 100
Tinker collection page Lighthouse score summary

Tinker collection page Lighthouse score summary

Tinker product page baseline

Product page tested: “All-Around Cruiser SUP”

  • Performance: 66
  • Accessibility: 93
  • Best Practices: 77
  • SEO: 100
Tinker product page Lighthouse score summary

Tinker product page Lighthouse score summary

What those numbers actually tell me

This is the part most “fastest theme” posts skip.

1. Your homepage is the first lie people believe

Horizon’s homepage baseline is stronger than Tinker’s in two places that matter long-term:

  • Lower TBT (70ms vs 190ms) means less main-thread friction.
  • CLS at 0 means the layout is staying stable on load.

That combo usually means the theme starts with a cleaner critical path.

2. Collections and products are where stores usually slow down

The moment you moved to templates with grids, media, and buy-box behavior, Tinker dropped:

  • Collection Performance: 70
  • Product Performance: 66

That’s not “bad.” It’s normal.

It usually means the theme is doing more work on those templates, such as:

  • more UI and layout logic in the grid
  • heavier product media behavior (zoom, gallery, recommendation loading)
  • more scripts involved in the buy box and sticky cart patterns

3. The hidden “fast theme” killer is layout instability

That CLS 0.04 on the Tinker homepage is a flag worth caring about.

CLS is one of those metrics that can quietly turn into:

  • product cards shifting
  • buttons moving
  • add-to-cart jumping
  • and a storefront that feels “janky” even if it loads fast

If you want to keep Core Web Vitals clean, your theme needs to be disciplined about layout sizing, fonts, and media placeholders.

Lighthouse “CLS / layout shift culprits

CLS / layout shift culprits that I look for

My speed test framework (copy this for every theme)

If you want results you can trust, run the same flow every time:

  1. Install the theme and do not customize yet
  2. Run Lighthouse mobile on the homepage
  3. Run Lighthouse mobile on a collection page
  4. Run Lighthouse mobile on a product page
  5. Record these every time:
    • Performance score
    • LCP
    • CLS
    • TBT
  6. Repeat 3 runs and use the middle result (the “median”)

This keeps you from chasing one lucky run.

How to keep any Shopify theme fast (even after you pick “the fast one”)

This is the section that matters most, because most stores do not get slow from one big mistake.

They get slow from 25 small ones.

Treat your homepage like a landing page, not a long scrolling magazine

Your homepage is not where you prove everything. It’s where you guide the visitor to the next click.

If you stack 12 sections above the fold, you are basically forcing the browser to:

  • download more CSS
  • layout more elements
  • paint more content
  • and do more script work early

What I do instead:

  • 1 hero section (image or simple media, not a giant video)
  • 1 “shop collection” block
  • 1 featured collection grid
  • 1 trust block (shipping, returns, support)
  • then stop

Everything else can live deeper in the site.

Theme editor showing your homepage sections list

Theme editor showing your homepage sections list

Keep hero media lightweight and properly sized

Most LCP issues on Shopify come from one thing:

The hero image is too big, poorly sized, or loaded in a way that delays discovery.

Simple rules that keep you safe:

  • use WebP when possible
  • do not upload a 3000px image for a 900px display area
  • avoid slider heroes if speed is your goal
  • make sure images are sized correctly on mobile

Even when the file “looks small,” bad sizing can still trigger extra work.

Lighthouse “Improve image delivery” or “LCP breakdown” section

Watch your section stack because above-the-fold bloat is where speed dies

Every new section is not just design.

It is:

  • more markup
  • more CSS rules
  • more layout calculations
  • and often more JavaScript

This is why two stores on the same theme can perform totally different.

A “fast theme” does not save you from a heavy build.

So I keep an internal rule:

  • if a section does not directly help someone choose a product, it moves lower

Fonts and product cards can quietly wreck CLS

If your product grid shifts on load, or headings jump, it’s usually:

  • unsized images
  • font loading behavior
  • or spacing that changes after the first render

Fix mindset:

  • keep image aspect ratios consistent
  • avoid loading too many font weights
  • keep typography simple until the store is stable

Retest after major layout changes, not just after adding apps

Most people only test after installing apps.

That’s too late.

You should retest after:

  • changing the hero section
  • adding a new homepage block
  • adding product page sections
  • changing product media behavior
  • adding collection filters or a new grid layout

That’s the real “store stays fast” workflow.

What I would say right now based on this testing

Based on the baseline numbers you captured:

  • Horizon is the cleaner homepage baseline (93 performance, CLS 0, TBT 70ms)
  • Tinker is still strong, but the homepage is doing more work (87 performance, CLS 0.04, TBT 190ms)
  • Tinker’s templates show real-world gravity on collection and product pages (70 and 66 performance)

That does not mean “Tinker is bad.”

It means you should treat collection and product pages as first-class speed pages, not an afterthought.

Testing Note (Fast Shopify Themes)

Store Build Lab Author Chris Pontine

Chris Pontine (Founder & Lead Researcher)

I ran Lighthouse mobile tests on a fresh Shopify dev store with 0 apps to isolate theme-level performance. I tested the homepage baseline for Horizon and Tinker, then tested Tinker’s collection and product templates to see where real storefront weight shows up. These are lab results using Lighthouse throttling, so I treat them as directional baseline data and retest after major layout changes.

FAQ

What is the fastest Shopify theme?

The “fastest” theme is the one that stays lean after you build a real homepage and real templates. A clean baseline matters, but your section stack and media choices usually decide the final outcome.

Are free Shopify themes faster than paid themes?

Often, yes, because many free themes start simpler. But paid themes can still be fast if they avoid heavy scripts and you build with discipline.

What is the best way to test Shopify theme speed?

Test the same 3 page types (home, collection, product), use Lighthouse mobile, run 3 times, and track LCP, CLS, and TBT instead of only the performance score.

Why does my product page score lower than my homepage?

Product pages load media galleries, buy box logic, recommendations, and sometimes sticky cart behavior. That’s normal. It’s also why you should always test product templates.

Should I keep retesting even if I do not add apps?

Yes. Most stores slow down from layout changes, section stacking, and media weight long before apps show up.

What matters more, Lighthouse score or Core Web Vitals?

Lighthouse is useful lab data. Core Web Vitals are the real target because they reflect experience signals like LCP and CLS. Use Lighthouse for baseline comparisons and retest after changes.

Build Your Shopify Store Blueprint!

Create a blueprint that lays out your collections, core pages, and build steps so you can launch faster and skip the painful rebuild later.