Largest Contentful Paint Subparts
The LCP Subparts are the distinct phases that make up the total Largest Contentful Paint time. Analyzing this breakdown is crucial for diagnosing the root cause of a slow LCP. The four main subparts are:
- Time To First Byte (TTFB): The initial server and network response time before the browser receives the HTML.
- Resource Load Delay: The time between TTFB and when the browser starts downloading the LCP element itself. A long delay here often means the resource was discovered late.
- Resource Load Time: The time it takes for the LCP resource (e.g., an image file) to download.
- Element Render Delay: The time between when the LCP resource finishes downloading and when the element is actually painted on the screen. A long delay here can be caused by a blocked Main Thread.
Related web performance terms
- Lab Data (Synthetic Monitoring)
Lab data is performance data collected in a controlled, repeatable environment using tools like Google Lighthouse or WebPageTest.
- Largest Contentful Paint (LCP)
A Core Web Vital that measures the perceived loading speed of a page. It marks the point in time when the largest content element (usually a hero image or a large block of text) becomes visible within the viewport.
- Layout Thrashing
Layout Thrashing is a harmful performance anti-pattern.
- Lazy loading
Lazy loading is an optimization strategy where content that is not immediately visible to the user—typically images and videos "below the fold"—is deferred and only loaded as the user scrolls down…