Shopify HTML document size and the Core Web Vitals

Sites with 14 to 30 KB of HTML initial HTML document size have a good LCP most often: 97%, against 95% of all Shopify sites. Sites with over 75 KB of HTML HTML size have it least often, at 92%.

Sites with 14 to 30 KB of HTML initial HTML document size have a good INP most often: 100%, against 93% of all Shopify sites. Sites with over 75 KB of HTML HTML size have it least often, at 86%.

30 to 75 KB of HTML is the most used: 63.6% of Shopify sites. 14 to 30 KB of HTML is 6.4% of Shopify sites.

Across the four LCP sub-parts in Chrome's field data, the largest gap between 14 to 30 KB of HTML and over 75 KB of HTML sits in resource load delay: 461 ms median for 14 to 30 KB of HTML against 721 ms for over 75 KB of HTML. Overall median field LCP is 1.0s for 14 to 30 KB of HTML (TTFB 348 ms, load delay 461 ms, load duration 184 ms, render delay 218 ms) versus 1.6s for over 75 KB of HTML.

Across the four LCP sub-parts in Chrome's field data, the largest gap between 14 to 30 KB of HTML and over 75 KB of HTML sits in resource load delay: 461 ms median for 14 to 30 KB of HTML against 721 ms for over 75 KB of HTML. Overall median field LCP is 1.0s for 14 to 30 KB of HTML (TTFB 348 ms, load delay 461 ms, load duration 184 ms, render delay 218 ms) versus 1.6s for over 75 KB of HTML.

On jQuery, 57% of sites use 30 to 75 KB of HTML initial HTML document size, and 93% of jQuery sites have a good LCP, against 95% of all sites. On Vue, 52% of sites use 30 to 75 KB of HTML, and 94% of Vue sites have a good LCP.

On jQuery, 57% of sites use 30 to 75 KB of HTML initial HTML document size, and 92% of jQuery sites have a good INP, against 93% of all sites. On Vue, 52% of sites use 30 to 75 KB of HTML, and 91% of Vue sites have a good INP.

FrameworkInitial HTML document size on its sitesGood LCP

All Shopify sites 8,246 sites30 KB to 75 KB 64%Over 75 KB 26%95%

Vue 933 sites30 KB to 75 KB 52%Over 75 KB 41%94%

jQuery 3,153 sites30 KB to 75 KB 57%Over 75 KB 31%93%

30 KB to 75 KB Over 75 KB 14 KB to 30 KB Under 14 KB (First TCP window)

Does the framework explain the initial HTML document size difference?

On jQuery, 95% of sites with 14 to 30 KB of HTML initial HTML document size have a good LCP, against 94% of jQuery sites with 30 to 75 KB of HTML. Within jQuery, sites with 14 to 30 KB of HTML and 30 to 75 KB of HTML have a good LCP about equally often. On Vue, 98% of sites with 30 to 75 KB of HTML initial HTML document size have a good LCP, against 92% of Vue sites with over 75 KB of HTML. Within Vue, sites with 30 to 75 KB of HTML have a good LCP more often.

On jQuery, 100% of sites with 14 to 30 KB of HTML initial HTML document size have a good INP, against 97% of jQuery sites with 30 to 75 KB of HTML. Within jQuery, sites with 14 to 30 KB of HTML and 30 to 75 KB of HTML have a good INP about equally often. On Vue, 97% of sites with 30 to 75 KB of HTML initial HTML document size have a good INP, against 86% of Vue sites with over 75 KB of HTML. Within Vue, sites with 30 to 75 KB of HTML have a good INP more often.

Why the 14 KB initial TCP congestion window sets the pace for LCP discovery

A new TCP connection transfers roughly 14 KB (10 segments) in its first round-trip before waiting for a client ACK. Across 360 sites (4.4%) whose HTML fits under 14 KB, 93% achieve good LCP (1.4s median, 403 ms TTFB). Sites between 14 and 30 KB (6.4%) record 97% good LCP (1.0s median), while pages bloating to 30 to 75 KB (63.6%) drop to 96% good LCP (1.3s median) and pages over 75 KB (25.6%) sit at 92% good LCP (1.6s median).