Next.js E-commerce vs. Shopify: What Real Core Web Vitals Data Shows

Shopify's infrastructure is genuinely fast — it runs on a global CDN and a mature platform team optimizes the checkout and cart APIs continuously. The Core Web Vitals gap most Shopify stores experience doesn't come from Shopify's servers being slow. It comes from what sits on top of them: the theme, and everything the theme loads.

What real-user data shows

A single Lighthouse run is easy to cherry-pick. Field data is harder to argue with, because it's what Chrome records from real visitors and publishes in the Chrome UX Report. Studies of that data published in 2026 by store2x (covering about 352,000 shops) and Bootleads put the share of Shopify stores passing all three Core Web Vitals at about 82%. For WooCommerce stores the figure was about 39%.

So the fair starting point is that Shopify, on average, is fast. Shopify's own performance team has also published real-user data arguing that its Liquid themes hold up well against headless storefronts. The useful question for one particular store is whether it sits in the 18% that fail, and why.

When a Shopify store does fail, the cause is usually what's described next.

Where the weight actually comes from

• Theme JavaScript that runs on every page regardless of whether that page needs it — a full theme framework loaded on a simple product page
• Each installed app injecting its own script tag, its own network request, and often its own render-blocking behavior — five apps means five independent performance costs, stacked
• Section-based themes rendering markup for every possible layout block, even ones hidden on the current page
• Third-party review widgets, upsell popups, and chat widgets, each adding their own JavaScript payload on top of the theme

None of that is a Shopify platform problem — it's an accumulation problem, and it happens gradually as a store adds the apps it needs to compete. A brand-new Shopify store on a clean theme can score well. A mature store with a dozen installed apps rarely does, through no fault of Shopify's infrastructure.

What's structurally different about a custom Next.js build

Nothing ships that the page doesn't use

A custom storefront has no theme framework running underneath it and no app marketplace injecting scripts. Static generation means most pages are pre-rendered HTML, served instantly, with JavaScript hydrating only the interactive parts — not the whole page.

Images are optimized as a build requirement, not an afterthought

Next.js's image pipeline generates correctly-sized, modern-format images automatically, with dimensions reserved ahead of paint — which is what keeps Cumulative Layout Shift near zero. A theme relying on manually uploaded, unoptimized product photos is fighting CLS and LCP from the start, regardless of how fast the underlying platform is.

Third-party features are engineered in, not layered on

AI recommendations, smart search, and analytics run as part of the storefront's own code, not as separate app scripts each making their own network round-trip. That's the direct performance argument for building AI features in rather than installing them — see how we approach AI Product Recommendations for the fuller case.

What this actually means for rankings

Core Web Vitals are a confirmed Google ranking signal, and they're also a direct conversion driver independent of SEO — slower pages measurably lose more shoppers before checkout, on any platform. A store that fixes its Core Web Vitals score by removing three underperforming apps will see a real lift; a store built without ever accumulating that app weight starts from that fixed position by default.

Is Next.js good for e-commerce?

For a store that needs things a theme can't do, yes. Next.js renders product and category pages ahead of time and serves them as plain HTML, then adds JavaScript only where a page is interactive. That's why a lean Next.js store can pass Core Web Vitals without a clean-up project later. Checkout, search and recommendations also live in one codebase you own. Version 16 shipped in October 2025, and 16.3 (August 2026) concentrated on faster navigation between pages.

It's the wrong pick in two cases. If you want to change layouts, add apps and redesign pages yourself every week without a developer, a hosted platform will suit you better. Our builds include an admin panel for products and content from the Growth plan up, but layout changes still go through code. And for a small, standard catalogue, a well-chosen theme on a clean Shopify store can pass Core Web Vitals with less spent upfront.

The honest trade-off

This isn't "Shopify is slow, avoid it" — plenty of lean, well-run Shopify stores post excellent Core Web Vitals scores. It's that performance on Shopify requires ongoing discipline about what you install, while a custom build has no app layer to discipline in the first place. Whether that trade-off is worth a higher upfront cost depends on how much your catalog and feature list actually need beyond what a lean theme can hold.