Performance
PerformanceHigh

LCP (Largest Contentful Paint)

Checks Largest Contentful Paint — how fast the main content appears. Target under 2.5s.

What this check measures

We fetch real-user LCP values from CrUX (Chrome User Experience Report) for your domain over the last 28 days. Target: p75 under 2.5s. Lab data from PageSpeed Insights is used as fallback.

Why it matters

LCP is the "when does the page look done" metric. Users perceive it most viscerally. Over 4s on mobile nearly doubles bounce rate. Google ranks it as a page-experience signal.

search

How our audit detects it

Query CrUX API for p75 LCP over 28 days. Fall back to Lighthouse lab LCP from PageSpeed API.

Typical findings

  • error_outlinep75 LCP 3.8s mobile — unoptimized hero image.
  • error_outline5MB JPEG hero without preload.
  • error_outlineRender-blocking web fonts delay text paint.

How to fix

Identify the LCP element in DevTools → Performance. Preload it with `<link rel="preload">`. Convert images to WebP/AVIF. Defer non-critical JS/CSS. See /prompts/improve-lcp.

Copy-paste fix prompt for your stack

Lovable · Cursor · Bolt · v0 · Replit · Windsurf · Claude Code · Base44

View the fix prompt →

Frequently asked questions

Does lazy-loading help LCP?expand_more
For below-the-fold yes, for the LCP element itself NO — lazy-loading the LCP image makes LCP worse.

Want this checked on your site?

Pantra runs the full audit (SEO, Security, GEO, Performance, Schema, Technical, Images) in 10 seconds and generates stack-specific fix prompts.

Scan my site

Related checks