Run A/B tests and personalize your store without code. 14-day free trial, no credit card.
Start free trial →In-depth guides and case studies where this concept is put to work.
Core Web Vitals are a set of specific, measurable metrics defined by Google that assess the real-world user experience of a web page across three dimensions: loading performance, interactivity, and visual stability. Since May 2021, Core Web Vitals have been an official Google Search ranking factor, meaning pages that score poorly may rank lower than competitors with better scores, even if their content quality is similar. The three metrics are Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS).
| Metric | What It Measures | Good Score |
|---|---|---|
| LCP (Largest Contentful Paint) | How fast the main content loads | Under 2.5 seconds |
| FID (First Input Delay) | How quickly the page responds to the first user interaction | Under 100 milliseconds |
| CLS (Cumulative Layout Shift) | How stable the layout is while loading | Under 0.1 |
Note: Google announced that FID will be replaced by Interaction to Next Paint (INP) as a Core Web Vital starting March 2024, with a good score target of under 200ms.
Core Web Vitals affect both Google rankings and direct user experience — two things that drive organic traffic and conversion rate respectively. A poor LCP score means your product page hero image loads slowly, which increases bounce rates on paid and organic traffic alike. A poor CLS score means elements on the page jump around as it loads, causing visitors to accidentally tap the wrong thing (a significant problem on mobile checkout flows). A poor FID/INP score means the page feels sluggish and unresponsive — the modern equivalent of a slow website.
For D2C brands relying on organic search for a meaningful share of traffic, failing Core Web Vitals assessments can result in ranking drops that cost lakhs in monthly revenue.
A Shopify store selling personal care products in India had a homepage LCP of 5.1 seconds (well below Google's "good" threshold of 2.5 seconds). The cause: a large hero banner image (1.2MB JPEG) was loaded eagerly with no size specified in the HTML, causing the browser to recalculate layout twice during load (also contributing to a CLS of 0.28). After implementing WebP conversion, explicit image dimensions in HTML, and preloading the LCP image, their LCP improved to 2.1 seconds and CLS dropped to 0.06. Google Search Console showed a 12% improvement in mobile search impressions over the next 60 days.
<link rel="preload">, compress it to under 100KB, and serve it from a CDN.When running A/B tests, performance changes in the variant can affect Core Web Vitals. A variant that adds a heavy script or large image might improve conversion for some users but hurt performance enough to increase bounce rate for others. Monitor LCP and CLS changes in A/B test variants — especially if the test involves adding new content elements, scripts, or media.
Run smarter A/B tests with CustomFit.ai — 14-day free trial, no credit card required.