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.
Largest Contentful Paint (LCP) is a Core Web Vital metric that measures the time from when a user initiates loading a page to when the largest content element visible in the viewport has fully rendered. This element is usually a hero image, a large text block, or a video thumbnail. LCP is Google's primary measure of perceived load speed — it approximates the point at which a user feels the main content of the page has loaded.
| Score | LCP Time |
|---|---|
| Good | Under 2.5 seconds |
| Needs Improvement | 2.5 – 4.0 seconds |
| Poor | Over 4.0 seconds |
Google aims for at least 75% of page loads to achieve a "Good" LCP score when measured across real users.
LCP is the most direct proxy for "how fast does this page feel?" For a product page, the LCP element is almost always the primary product image — the first thing a customer needs to see to evaluate whether they want to buy. If that image takes 5 seconds to fully render on a mobile device, customers bounce before they have seen the product. Multiple studies show that every additional second of load time reduces ecommerce conversion rates by 7-20%. At 50,000 monthly visitors and 2% conversion rate, a 1-second LCP improvement could translate to hundreds of additional orders per month.
Google also uses LCP as a search ranking signal through its Core Web Vitals assessment. Pages with poor LCP scores on mobile are at a disadvantage in organic search — meaning slower pages get less traffic AND convert that traffic worse.
A Shopify store selling Ayurvedic hair care products in India had an LCP of 6.2 seconds on mobile. Investigation revealed the LCP element was a 1.8MB hero image that was not preloaded and had no explicit dimensions set. The fix: convert to WebP (reduced to 180KB), add <link rel="preload" as="image"> in the <head>, and set explicit width and height attributes on the <img> tag. LCP dropped to 1.9 seconds — a Good score. Organic mobile search impressions improved by 18% over the following 6 weeks, and mobile bounce rate on the homepage fell from 68% to 54%.
<link rel="preload" as="image" href="your-hero-image.webp"> in your <head>. This tells the browser to fetch it immediately rather than waiting to discover it during rendering.LCP affects the performance of all your A/B test variants. If a test variant includes a heavier image or additional scripts, its LCP may be worse than the control, introducing a performance confound into your conversion test. Always check LCP performance in your test variants using PageSpeed Insights or Lighthouse to ensure you are not trading a conversion improvement for a performance regression.
Run smarter A/B tests with CustomFit.ai — 14-day free trial, no credit card required.