~ Headless Shopify

How we get Shopify storefronts to Lighthouse 95+ (and why speed sells)

12 May 2026 · 5 min read

TL;DR

Shopify themes slow down as apps inject scripts and block rendering. A headless rebuild reaches a 95+ mobile Lighthouse score by server-rendering the storefront, shipping less JavaScript, moving pixels server-side, optimising images, and caching at the edge. Speed is a revenue lever: one rebuild went from a mobile score of 38 to 96 with a higher checkout completion rate.

Store speed is not a vanity metric — it moves revenue. Faster pages convert better, and Google uses Core Web Vitals as a ranking signal. Here is how we get Shopify storefronts to a Lighthouse mobile score of 95+, and why a typical theme struggles to.

Why themes get slow

A Shopify theme starts fine and degrades as apps pile on. Each installed app injects its own scripts, the theme ships more than any single page needs, and third-party tags block rendering. The result is a heavy main thread and slow Largest Contentful Paint on mobile — exactly where most traffic and most drop-off live.

What actually moves the score

  1. Server-render the storefront. A headless Next.js frontend sends mostly-ready HTML instead of assembling the page in the browser, so content paints sooner.
  2. Ship less JavaScript. Replace app scripts with native code, and load what remains lazily so it does not block the first paint.
  3. Move tags server-side. Pixels and analytics fired via server-side events (Conversions API, Measurement Protocol) keep the main thread free and, as a bonus, make attribution more accurate.
  4. Optimise images. Modern formats, correct sizing, and priority hints on the hero image fix most LCP problems.
  5. Cache at the edge. Deploying on a CDN/edge (we use Vercel) puts the storefront physically close to the shopper.

Why speed pays for itself

Mobile is where the gains compound: it is the slowest environment and the largest share of traffic, so every second shaved off load shows up in completed checkouts. One apparel brand we rebuilt went from a mobile Lighthouse score of 38 to 96, and its checkout completion rate climbed within a month of launch.

Is 95+ realistic for every store?

For a headless build, yes — we treat a 95+ mobile Lighthouse score as part of the contract rather than a hope. On a theme weighed down by many apps it is much harder, which is often the real reason a store goes headless in the first place.

The short version

Speed is a revenue lever, not a checkbox. Server-rendering, less JavaScript, server-side tags, image discipline, and edge hosting are what reliably take a Shopify storefront to 95+ on mobile.

PerformanceHeadless ShopifyCore Web Vitals

Published 12 May 2026 · the tilde team

← All posts

Questions? Let's talk.

Tell us what you're building and we'll point you in the right direction.