What is Largest Contentful Paint (LCP)?
Definition
Largest Contentful Paint (LCP) is a Core Web Vitals metric that measures the time it takes for the largest visible content element on a web page to fully load and render. The 'largest element' is typically a hero image, large text block, or video. LCP is measured in seconds from when a user first navigates to a page. Google's threshold for a 'Good' LCP is under 2.5 seconds. LCP between 2.5–4 seconds is 'Needs Improvement'. Over 4 seconds is 'Poor'.
Why Largest Contentful Paint (LCP) matters for Shopify stores
LCP is typically the Core Web Vital that most Shopify stores fail. The reason: Shopify themes almost universally use a large hero image or product image as the above-the-fold 'largest element' — and these images are rarely optimised for fast loading. An unoptimised 2MB JPEG hero image on a Dawn theme can push LCP to 5–8 seconds on a mobile connection. This directly affects Google rankings (LCP is a confirmed ranking factor) and conversion rates (53% of mobile users abandon sites that take over 3 seconds to load).
Shopify example
A fashion Shopify store using Dawn theme has a hero image uploaded at 4.2MB JPEG. Lighthouse reports LCP at 6.8 seconds (Poor). Sauron's Core Web Vitals audit identifies the hero image as the LCP element and recommends: convert to WebP format, add preload hint for the LCP image, and reduce image dimensions from 5000×3000px to 1440×900px. After implementing these changes, LCP drops to 2.1 seconds (Good).
How Sauron handles Largest Contentful Paint (LCP)
Sauron's Lighthouse audit identifies your LCP element and provides Shopify-specific recommendations for improving it — including which images are causing the issue and what optimisations to apply.
See Product SEO on Autopilot feature →Common mistakes
- ✕ Uploading hero images at original camera resolution (5000×3000+px) — Shopify can serve these at full size
- ✕ Not adding preload hints for LCP images — the browser discovers them late in the loading process
- ✕ Using JPEG format instead of WebP — WebP is typically 25–35% smaller at equivalent visual quality
- ✕ Running Lighthouse on desktop only — mobile LCP is typically 2–3× slower and is what Google measures for ranking
Questions about Largest Contentful Paint (LCP)
What usually causes poor LCP in Shopify stores? +
The most common causes: unoptimised hero images (too large, wrong format), render-blocking third-party scripts from apps (Klaviyo, live chat), and fonts that delay text rendering. Sauron's Lighthouse audit identifies which of these are your specific bottleneck.
Automate your Shopify SEO
Understanding Largest Contentful Paint (LCP) is step one. Sauron handles the implementation — automatically, for your entire Shopify store.