Largest Contentful Paint (LCP)
A Core Web Vital metric that measures the time from when a page starts loading to when the largest visible content element (such as a hero image, heading, or video thumbnail) is fully rendered on screen.
LCP focuses on perceived load speed from the user's perspective. The 'largest' element is determined by the visible size within the viewport and typically corresponds to the main content of the page: a hero image, a headline block, or a video poster. Google considers an LCP of 2.5 seconds or less to be 'good,' between 2.5 and 4.0 seconds 'needs improvement,' and above 4.0 seconds 'poor.'
Common causes of poor LCP include slow server response times, render-blocking resources (CSS, JavaScript), slow resource load times for large images, and client-side rendering delays.
Why It Matters for QA Teams
LCP is the primary metric for how fast a page feels to users. A slow LCP means visitors stare at a blank or incomplete page, increasing bounce rates and hurting conversions.
Example
The product detail page has an LCP of 4.2 seconds because the hero product image is a 2.4MB uncompressed PNG. The team converts it to WebP (reducing size to 180KB), adds fetchpriority="high", and preloads the image in the <head>. LCP improves to 1.6 seconds.