Core web vitals after WooCommerce to Shopify migration (2026)

Core Web Vitals — LCP, CLS, and INP — are Google ranking signals that measure real-user experience. They're also increasingly visible in Google Search Console's "Experience" reports. When you migrate from WooCommerce to Shopify, Core Web Vitals usually improve, but the magnitude depends on how optimized your WooCommerce setup was and which Shopify theme and apps you choose.

Understanding the three metrics

• LCP (Largest Contentful Paint): Time until the largest element on the page is visible. Target: ≤2.5 seconds. Typically the hero image or product main image.
• CLS (Cumulative Layout Shift): Measures how much the layout shifts unexpectedly during loading. Target: ≤0.1. Caused by images without dimensions, late-loading ads, injected banners.
• INP (Interaction to Next Paint): Replaced FID in 2024. Measures how quickly the page responds to user interactions (clicks, taps). Target: ≤200ms.

Why Shopify typically improves Core Web Vitals

LCP improvement factors

• Global CDN: Shopify serves all assets (images, JS, CSS) from Fastly CDN globally. WooCommerce on shared hosting serves from a single server location — slower for international visitors.
• Auto WebP conversion: Shopify automatically converts uploaded images to WebP format (modern browsers) with appropriate srcset attributes. No plugin needed.
• Image lazy loading: Shopify themes implement native lazy loading (loading="lazy") for below-fold images, with preload for the LCP image candidate.
• No plugin overhead: Many WooCommerce stores have 20–30+ active plugins adding JavaScript and CSS. Shopify apps run externally and add less frontend overhead.

CLS improvement factors

• Image dimension attributes: Shopify themes correctly set width/height on product images, preventing layout shift during load
• No plugin banners: WooCommerce plugin notice bars (GDPR banners, promotional bars) often shift layout. Shopify app banners are more controlled.
• Consistent fonts: Shopify handles Google Fonts via preloading, reducing FOUT (Flash of Unstyled Text) that causes CLS

INP improvement factors

• Less JavaScript: Fewer plugins = less JS parsing. Shopify's native theme JavaScript is optimized.
• Modern JS patterns: Shopify's official themes (Dawn et al.) use modern, efficient JavaScript patterns

Typical Core Web Vitals changes after migration

Scenario	LCP	CLS	INP
WooCommerce on shared hosting → Shopify	Significant improvement	Improvement	Improvement
WooCommerce on managed hosting (WP Engine, Kinsta) → Shopify	Moderate improvement	Improvement or neutral	Neutral or slight improvement
Well-optimized WooCommerce (caching, CDN, few plugins) → Shopify + many apps	Neutral or slight regression	Depends on apps	Depends on apps

The most dramatic improvements happen when migrating from slow shared hosting. Well-optimized WooCommerce stores on premium managed hosting may see minimal or no improvement.

What can hurt Core Web Vitals on Shopify

Heavy Shopify apps with frontend scripts

Each Shopify app that adds JavaScript to your storefront increases load time. Common culprits:

• Chat widgets (Tidio, Gorgias, Intercom)
• Exit-intent popups (Privy, OptinMonster)
• Loyalty widgets (Smile.io, LoyaltyLion)
• Review badges and carousels
• Page builder apps

Unlike WooCommerce where plugins run server-side, Shopify apps inject third-party JavaScript. Too many apps with frontend scripts can actually make a Shopify store slower than a lean WooCommerce setup.

Third-party fonts

Using custom fonts loaded from external CDNs can delay LCP. If using Google Fonts via a Shopify theme, ensure they're preloaded.

Large or unoptimized product images

Shopify converts images to WebP automatically, but the original image matters. A 10MB original uploaded to Shopify will be converted but may still be slow at first delivery before CDN caching warms up.

Unstable theme sections

Some Shopify themes dynamically load sections after initial render, causing CLS. Less common in modern themes but can occur with aggressive lazy loading of content sections.

Measuring Core Web Vitals before and after migration

Before migration (WooCommerce baseline)

1. Google Search Console → Core Web Vitals report → export current scores
2. PageSpeed Insights → test homepage, top product page, top collection page → save scores
3. CrUX (Chrome User Experience Report): field data, more accurate than lab tests

After migration (Shopify)

1. Same three URL types: homepage, product page, collection page
2. Wait 28 days: Core Web Vitals in Search Console require 28 days of field data to generate
3. PageSpeed Insights lab data is available immediately

Optimizing Core Web Vitals on Shopify

LCP optimization

• Image size: Upload product images at maximum 2000px width. Shopify serves appropriately sized versions via srcset, but the original needs to be reasonably sized.
• Preload hero image: Most Shopify themes do this automatically for the LCP candidate. If not, add to your theme: <link rel="preload" as="image" href="{{ image | image_url: width: 1500 }}">
• Theme selection: Shopify's official free themes (Dawn, Sense) are highly optimized for Core Web Vitals. Some premium themes are slower — check PageSpeed scores before purchasing.

CLS optimization

• Font display: Use font-display: swap for custom fonts (most themes already do this)
• App widgets: Ensure review widgets, chat buttons, and floating elements have fixed dimensions and don't push content
• Cookie consent banner: If your cookie banner shifts content on load, configure it to be a slide-up (doesn't affect layout) vs. a full-width banner that pushes content down

INP optimization

• Reduce app JavaScript: Audit each installed app. Disable frontend scripts for apps that don't need them on product pages.
• Defer non-critical scripts: Use Shopify's theme app extension settings to defer non-critical app scripts
• Avoid heavy cart drawer: Complex cart drawer animations and interactions can degrade INP. Test cart interactions specifically.

Core Web Vitals toolset for Shopify

• PageSpeed Insights (pagespeed.web.dev): Combine lab + field data. Free, instant.
• Google Search Console → Core Web Vitals: Field data from real users. Takes 28 days to populate after migration.
• Shopify Speed Report: Online Store → Themes → View report. Gives a Shopify-specific speed score (not identical to PageSpeed Insights).
• Lighthouse in Chrome DevTools: Run on mobile simulation for worst-case mobile score.
• WebPageTest.org: Advanced waterfall analysis, real device testing.

Core Web Vitals timeline

• Day 1 post-launch: Run PageSpeed Insights lab tests on key pages, compare to WooCommerce baseline
• Week 1: Fix any obvious performance issues (large images, app JS overhead)
• Day 28: First real Core Web Vitals field data appears in Search Console
• Day 28–60: Monitor for any URL groups marked "Poor" — address specifically
• Day 90: Full picture of Shopify vs WooCommerce Core Web Vitals comparison

For most stores, Core Web Vitals improvement is one of the clearest wins from migrating to Shopify — especially coming from shared or mid-tier hosting. The improvement in LCP from Shopify's global CDN alone often moves stores from "Needs Improvement" to "Good" on the Google scale, which can contribute to small but positive ranking improvements over time.