Core Web Vitals

What is Largest Contentful Paint (LCP)?

A Core Web Vital that measures how long it takes for the largest content element visible in the viewport to render.

Largest Contentful Paint (LCP) is one of Google's three Core Web Vitals metrics. It measures the time from when the user initiates loading the page until the largest image or text block is rendered within the viewport.

What counts as the largest element?

LCP considers these element types:

  • <img> elements
  • <image> elements inside an <svg>
  • <video> elements with a poster image
  • Elements with a background image loaded via url()
  • Block-level elements containing text nodes

LCP thresholds

Google considers LCP scores as follows:

  • Good: 2.5 seconds or less
  • Needs Improvement: Between 2.5 and 4.0 seconds
  • Poor: More than 4.0 seconds

Common causes of poor LCP

  • Slow server response times
  • Render-blocking JavaScript and CSS
  • Slow resource load times (images, fonts)
  • Client-side rendering delays

How to improve LCP

  1. Optimize your server response time (TTFB)
  2. Use a CDN to serve static assets
  3. Preload critical resources
  4. Optimize and compress images
  5. Remove render-blocking resources

How VitalSentinel tracks LCP

VitalSentinel's RUM monitoring captures LCP from every real visitor session, so you see exactly which pages, devices, and connection types are crossing the 2.5 second threshold. When a deploy or third-party script regresses LCP, you find out in hours, not weeks when traffic starts dropping. For Google's official field data, CrUX monitoring tracks the same 75th percentile values Google Search Console uses to grade your site.

Monitor your website performance

VitalSentinel tracks Core Web Vitals and performance metrics to help you stay ahead of issues.