Shopify cacheable resource share and the Core Web Vitals

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

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 element render delay: 277 ms median for 80%+ cacheable resources against 373 ms for 50% to 79% cacheable resources. Overall median field LCP is 1.3s for 80%+ cacheable resources (TTFB 392 ms, load delay 562 ms, load duration 215 ms, render delay 277 ms) versus 1.5s for 50% to 79% cacheable resources.

jQuery sets the cacheable resource share to 80%+ cacheable resources on 54% of its sites, and 93% of jQuery sites have a good LCP, against 95% 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%95%

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

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

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

Does the framework explain the cacheable resource share difference?

On jQuery, 95% of sites with 80%+ cacheable resources cacheable resource share have a good LCP, against 90% of jQuery sites with 50% to 79% cacheable resources. Within jQuery, sites with 80%+ cacheable resources have a good LCP more often. On Vue, 96% of sites with 80%+ cacheable resources cacheable resource share have a good LCP, against 93% 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.