WordPress LCP sub-part breakdown and the Core Web Vitals

Sites with resource load duration as the largest LCP sub-part LCP sub-part breakdown have a good LCP most often: 90%, against 70% of all WordPress sites. Sites with TTFB as the largest LCP sub-part dominant LCP phase have it least often, at 68%.

TTFB as the largest LCP sub-part is the most used: 84.1% of WordPress sites. Resource load duration as the largest LCP sub-part is 1.2% of WordPress sites.

Across the four LCP sub-parts in Chrome's field data, the largest gap between resource load duration as the largest LCP sub-part and TTFB as the largest LCP sub-part sits in time to first byte (TTFB): 434 ms median for resource load duration as the largest LCP sub-part against 1281 ms for TTFB as the largest LCP sub-part. Overall median field LCP is 1.6s for resource load duration as the largest LCP sub-part (TTFB 434 ms, load delay 289 ms, load duration 647 ms, render delay 217 ms) versus 2.0s for TTFB as the largest LCP sub-part.

On jQuery, 84% of sites use TTFB as the largest LCP sub-part LCP sub-part breakdown, and 69% of jQuery sites have a good LCP, against 70% of all sites. On Vue, 83% of sites use TTFB as the largest LCP sub-part, and 68% of Vue sites have a good LCP.

FrameworkLCP sub-part breakdown on its sitesGood LCP

WordPress sites with LCP sub-part breakdown 43,622 sitesTTFB is biggest sub-part 84%70%

jQuery 41,796 sitesTTFB is biggest sub-part 84%69%

Vue 3,582 sitesTTFB is biggest sub-part 83%68%

React 1,606 sitesTTFB is biggest sub-part 85%61%

TTFB is biggest sub-part Load delay is biggest sub-part Render delay is biggest sub-part Load duration is biggest sub-part

Does the framework explain the LCP sub-part breakdown difference?

On jQuery, 89% of sites with resource load duration as the largest LCP sub-part LCP sub-part breakdown have a good LCP, against 67% of jQuery sites with TTFB as the largest LCP sub-part. Within jQuery, sites with resource load duration as the largest LCP sub-part have a good LCP more often. On Vue, 64% of sites with TTFB as the largest LCP sub-part LCP sub-part breakdown have a good LCP, against 83% of Vue sites with resource load delay as the largest LCP sub-part. Within Vue, sites with TTFB as the largest LCP sub-part have a good LCP less often.

Why network transfer duration is rarely the real LCP bottleneck

Resource load duration is the largest sub-part on just 1.2% (510) of audited sites. Most LCP failures happen while waiting for the first HTML byte (84.1% TTFB-dominated, 68% good LCP, 2.0s median), waiting to discover the hero image (9.2% load-delay-dominated, 81% good LCP), or waiting on blocking head scripts and stylesheets (5.5% render-delay-dominated, 78% good LCP).