Shopify cacheable resource share and the Core Web Vitals

Sites with 80%+ cacheable resources cacheable resource share have a good LCP most often: 98%, against 97% of all Shopify sites. Sites with 50% to 79% cacheable resources cacheable share have it least often, at 95%.

80%+ cacheable resources is the most used: 60.7% of Shopify sites.

Across the four LCP sub-parts in Chrome's field data, the largest gap between 80%+ cacheable resources and 50% to 79% cacheable resources sits in resource load delay: 588 ms median for 80%+ cacheable resources against 680 ms for 50% to 79% cacheable resources. Overall median field LCP is 1.2s for 80%+ cacheable resources (TTFB 308 ms, load delay 588 ms, load duration 161 ms, render delay 273 ms) versus 1.4s for 50% to 79% cacheable resources.

jQuery sets the cacheable resource share to 80%+ cacheable resources on 54% of its sites, and 95% of jQuery sites have a good LCP, against 97% of all sites.

FrameworkCacheable resource share on its sitesGood LCP

All Shopify sites 8,246 sites80%+ cacheable resources 61%50% to 79% cacheable resources 39%97%

Vue 933 sites80%+ cacheable resources 53%50% to 79% cacheable resources 47%97%

jQuery 3,153 sites80%+ cacheable resources 54%50% to 79% cacheable resources 45%95%

80%+ cacheable resources 50% to 79% cacheable resources 20% to 49% cacheable resources

Does the framework explain the cacheable resource share difference?

On jQuery, 97% of sites with 80%+ cacheable resources cacheable resource share have a good LCP, against 94% of jQuery sites with 50% to 79% cacheable resources. Within jQuery, sites with 80%+ cacheable resources have a good LCP more often. On Vue, 97% of sites with 80%+ cacheable resources cacheable resource share have a good LCP, against 96% of Vue sites with 50% to 79% cacheable resources. Within Vue, sites with 80%+ cacheable resources and 50% to 79% cacheable resources have a good LCP about equally often.