Shopify speculation rules and the Core Web Vitals
Conservative, moderate, eager or immediate: which speculation rules sites use, and whether those sites pass LCP, INP and CLS more often.
93.7% of Shopify sites have no speculation rules. Of the 6.3% that do, 98% use moderate, and 83% of those sites pass all three Core Web Vitals, against 83% of all Shopify sites.
93.7% of Shopify sites have no speculation rules. Of the 6.3% that do, 98% use moderate, and 97% of those sites have a good LCP, against 97% of all Shopify sites.
93.7% of Shopify sites have no speculation rules. Of the 6.3% that do, 98% use moderate, and 99% of those sites have a good INP, against 99% of all Shopify sites.
93.7% of Shopify sites have no speculation rules. Of the 6.3% that do, 98% use moderate, and 86% of those sites have a good CLS, against 86% of all Shopify sites.
Core Web Vitals pass rate
Sites with moderate speculation rules pass all three Core Web Vitals most often: 83%, against 83% of all Shopify sites.
Sites with moderate speculation rules have a good LCP most often: 97%, against 97% of all Shopify sites.
Sites with moderate speculation rules have a good INP most often: 99%, against 99% of all Shopify sites.
Sites with moderate speculation rules have a good CLS most often: 86%, against 86% of all Shopify sites.
Speculation rules usage
6.3% of Shopify sites use speculation rules, and 98% of those use moderate.
Speculation rules per framework
On jQuery, 94% of sites use none speculation rules, and 76% of jQuery sites pass all three Core Web Vitals, against 83% of all sites. On Vue, 92% of sites use none, and 77% of Vue sites pass all three.
On jQuery, 94% of sites use none speculation rules, and 95% of jQuery sites have a good LCP, against 97% of all sites. On Vue, 92% of sites use none, and 97% of Vue sites have a good LCP.
On jQuery, 94% of sites use none speculation rules, and 99% of jQuery sites have a good INP, against 99% of all sites. On Vue, 92% of sites use none, and 100% of Vue sites have a good INP.
On jQuery, 94% of sites use none speculation rules, and 80% of jQuery sites have a good CLS, against 86% of all sites. On Vue, 92% of sites use none, and 80% of Vue sites have a good CLS.
Vue 933 sitesNo rules 92%77%97%100%80%
jQuery 3,153 sitesNo rules 94%76%95%99%80%Speculation rules or the framework
Does the framework explain the speculation rules difference?
On jQuery, 78% of sites with moderate speculation rules pass all three Core Web Vitals, against 76% of jQuery sites with none. Within jQuery, sites with moderate and none pass all three about equally often.
On jQuery, 97% of sites with moderate speculation rules have a good LCP, against 95% of jQuery sites with none. Within jQuery, sites with moderate and none have a good LCP about equally often.
On jQuery, 99% of sites with moderate speculation rules have a good INP, against 99% of jQuery sites with none. Within jQuery, sites with moderate and none have a good INP about equally often.
On jQuery, 82% of sites with moderate speculation rules have a good CLS, against 80% of jQuery sites with none. Within jQuery, sites with moderate and none have a good CLS about equally often.
How much speculation rules speed up the next page
Speculation rules only speed up the page a visitor opens next, not the page they land on, and Chrome's field data counts both. A prefetch fetches the next page's HTML early, which takes time off its TTFB and its LCP. A prerender also builds the next page before the click, so it can open with an LCP close to zero and its layout shifts happen out of sight. In Shopify's test, moderate cut the median LCP of the next page by 228 ms on desktop compared with conservative, and by 24 ms on phones.
Understanding speculation rules eagerness
Use eager. Sites with eager speculation rules pass all three Core Web Vitals most often, and the theory fits: the earlier Chrome starts, the more of the next page is ready when the visitor clicks. Almost all of those sites are Wix sites, so part of that lead is the platform. The cost is pages loaded that nobody opens, so check that your server can take the extra requests. Conservative waits until the visitor presses a link. Moderate starts after a 200 ms hover on desktop, and on a phone half a second after scrolling stops near a link. Eager starts after a 10 ms hover on desktop, and on a phone once a link has been on screen for 50 ms. Immediate starts as soon as Chrome reads the rule. On WordPress, core uses conservative, which made no visible difference in this data; the wp_speculation_rules_configuration filter switches it to eager.
By Arjen Karel · 8,246 crawled Shopify sites (3,818 with desktop Chrome field data, October 2026). How we measured.