Core Web Vitals measure the real-world user experience of your website — how fast it loads, how stable the layout is, and how quickly it responds to interaction. They are a confirmed Google ranking factor and, more importantly, they directly influence whether shoppers stay or leave.
A Shopify store that scores poorly on Core Web Vitals is slower, loses rankings to faster competitors, and converts at a lower rate. Here is how to diagnose the problems and fix them.
Understanding the Three Metrics
Largest Contentful Paint (LCP) measures how long it takes for the largest visible element on the page to load — usually a hero image or a large product image. Google's threshold for a good LCP is under 2.5 seconds. Most unoptimised Shopify stores fail this.
Cumulative Layout Shift (CLS) measures how much the page layout shifts around as elements load. If buttons jump when images load in late, that is CLS. Anything above 0.1 is considered poor. It is particularly frustrating on mobile.
Interaction to Next Paint (INP) replaced First Input Delay in 2024 and measures overall responsiveness — how quickly the page responds to all user interactions throughout the visit, not just the first one.
Where Shopify Stores Usually Lose Points
Images. Oversized, uncompressed images are the most common cause of poor LCP scores on Shopify stores. Shopify does serve responsive images automatically, but many themes and apps upload images at full resolution, and the Shopify CDN does not compress aggressively enough to compensate.
Fix: Use WebP format. Compress all product images before uploading. Use Shopify's image transformation parameters in your theme code to serve appropriately sized images for each device.
Third-party scripts. Every app you install adds JavaScript that runs on your storefront. Ten apps each adding a 50ms load time adds 500ms to your LCP. Many store owners have installed apps they no longer use but have not uninstalled.
Fix: Audit your installed apps. Uninstall anything you are not actively using. For apps you keep, check whether they load scripts on every page or only the pages where they are needed.
Render-blocking resources. CSS and JavaScript files that load before the main content can delay when the page first appears to the user.
Fix: In your theme code, defer non-critical JavaScript using the defer or async attribute. Move non-critical CSS to load asynchronously.
Poorly built themes. Some Shopify themes — particularly older ones and heavily customised ones — have bloated code that was not built with Core Web Vitals in mind.
Fix: If your theme is the root cause, a theme rebuild or upgrade to a leaner theme is often the most effective solution.
Diagnosing Your Store
Use these tools:
- Google PageSpeed Insights — enter your store URL and get a score with specific recommendations
- Google Search Console — the Core Web Vitals report shows real-world data from actual visitors using Chrome
- WebPageTest — more detailed waterfall analysis showing exactly which resources are loading slowly
Always test your mobile score as well as desktop. Mobile is typically where Shopify stores struggle most, and where the impact on conversion is greatest.
A Practical Improvement Checklist
- Run PageSpeed Insights on your homepage and your most important product page
- Note the LCP element — is it an image? Optimise that image first.
- Audit your installed apps — uninstall anything unused
- Check for layout shift by watching your store load on a slow connection (throttle in Chrome DevTools)
- Ensure all images have explicit width and height attributes set (this prevents CLS as images load)
- Consider lazy-loading below-the-fold images
When to Involve a Developer
If your PageSpeed score is below 40 on mobile after image optimisation and app cleanup, the issue is likely in your theme code. A Shopify developer can audit the theme, identify render-blocking resources, and implement performance improvements that are beyond the scope of the Shopify admin panel.
The investment in a performance audit and fix pays back through improved conversion rates and search rankings — typically within a few months of traffic.
Core Web Vitals improvements compound over time. A store that is consistently faster than its competitors wins rankings and conversions that accumulate across every day of the year.
If you want a performance audit of your Shopify store, get in touch.