Shopify total page weight and the Core Web Vitals

Sites with 1.2 to 2.5 MB of total page weight total page weight have a good LCP most often: 98%, against 96% of all Shopify sites. Sites with over 5 MB of total page weight page weight have it least often, at 93%.

2.5 to 5 MB of total page weight is the most used: 46.8% of Shopify sites. 1.2 to 2.5 MB of total page weight is 18.4% of Shopify sites.

Across the four LCP sub-parts in Chrome's field data, the largest gap between 1.2 to 2.5 MB of total page weight and over 5 MB of total page weight sits in resource load delay: 495 ms median for 1.2 to 2.5 MB of total page weight against 655 ms for over 5 MB of total page weight. Overall median field LCP is 1.1s for 1.2 to 2.5 MB of total page weight (TTFB 350 ms, load delay 495 ms, load duration 213 ms, render delay 209 ms) versus 1.5s for over 5 MB of total page weight.

On jQuery, 48% of sites use 2.5 to 5 MB of total page weight total page weight, and 94% of jQuery sites have a good LCP, against 96% of all sites. On Vue, 51% of sites use over 5 MB of total page weight, and 95% of Vue sites have a good LCP.

FrameworkTotal page weight on its sitesGood LCP

All Shopify sites 8,246 sites2.5 to 5 MB total page 47%Over 5 MB total page 34%1.2 to 2.5 MB total page 18%96%

Vue 933 sitesOver 5 MB total page 51%2.5 to 5 MB total page 42%95%

jQuery 3,153 sites2.5 to 5 MB total page 48%Over 5 MB total page 38%1.2 to 2.5 MB total page 14%94%

2.5 to 5 MB total page Over 5 MB total page 1.2 to 2.5 MB total page Under 1.2 MB total page

Does the framework explain the total page weight difference?

On jQuery, 97% of sites with 1.2 to 2.5 MB of total page weight total page weight have a good LCP, against 96% of jQuery sites with 2.5 to 5 MB of total page weight. Within jQuery, sites with 1.2 to 2.5 MB of total page weight and 2.5 to 5 MB of total page weight have a good LCP about equally often. On Vue, 98% of sites with 1.2 to 2.5 MB of total page weight total page weight have a good LCP, against 98% of Vue sites with 2.5 to 5 MB of total page weight. Within Vue, sites with 1.2 to 2.5 MB of total page weight and 2.5 to 5 MB of total page weight have a good LCP about equally often.

How total page weight compounds across cellular connections

Even with HTTP/2 and HTTP/3 multiplexing, transferring several megabytes of scripts, stylesheets, fonts, and images saturates mobile downlink bandwidth and delays critical rendering resources. Across 52 sites (0.6%) under 1.2 MB total transfer, 100% pass field LCP (1.1s median), falling to 93% (1.5s median) on the 34.1% (2,815) exceeding 5 MB.