The State of Web Vitals

Shopify main-thread task scheduling APIs and the Core Web Vitals

100.0% of audited sites (8,246) schedule tasks via setTimeout (93% good INP), 99.8% use requestAnimationFrame (93% good INP), 99.7% use requestIdleCallback (93% good INP), and 4.2% adopt modern scheduler.yield() (86% good INP, 127ms median).

Field data PhoneDesktopAll Scope All sites October 2026 edition · Phone field outcomes · Shopify sites only
Shopify Scoped to 8,248 sites out of 203,892 analyzed (cms) Compare with all sites →

100.0% of Shopify sites use setTimeout() main-thread scheduling API usage, and 93% of those sites have a good INP, against 93% of all Shopify sites.

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 5,825 with phone field dataBy Arjen Karel · corewebvitals.io/state-of-cwv
1

INP pass rate

Sites with setTimeout() main-thread scheduling API usage have a good INP most often: 93%, against 93% of all Shopify sites. Sites with scheduler.yield() task scheduling have it least often, at 86%.

SitesGood, needs improvement, poor INPMedian
All Shopify sites5,82593%111ms
setTimeout() 100.0%5,82593%111ms
requestIdleCallback() 99.7%5,80793%111ms
requestAnimationFrame() 99.8%5,81593%111ms
setInterval() 89.5%5,28793%113ms
scheduler.yield() 4.2%26586%127ms
GoodNeeds improvementPoorSites: with Chrome field data
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 5,825 with phone field dataBy Arjen Karel · corewebvitals.io/state-of-cwv
2

Main-thread scheduling API usage usage

SetTimeout() is the most used: 100.0% of Shopify sites.

Sites using each option (sites can use more than one) 8,246 sites
setTimeout() 100.0% requestAnimationFrame() 99.8% requestIdleCallback() 99.7% setInterval() 89.5%
setTimeout() 100.0% requestAnimationFrame() 99.8% requestIdleCallback() 99.7% setInterval() 89.5% scheduler.yield() 4.2%
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 5,825 with phone field dataBy Arjen Karel · corewebvitals.io/state-of-cwv
3

Main-thread scheduling API usage per framework

jQuery sets the main-thread scheduling API usage to setTimeout() on 100% of its sites, and 92% of jQuery sites have a good INP, against 93% of all sites. Vue sets the main-thread scheduling API usage to requestIdleCallback() on 100% of its sites, and 91% of Vue sites have a good INP.

FrameworkMain-thread scheduling API usage on its sitesGood INP
All Shopify sites 8,246 sitessetTimeout() 100%requestAnimationFrame() 100%requestIdleCallback() 100%setInterval() 89%93%
jQuery 3,153 sitessetTimeout() 100%requestAnimationFrame() 100%requestIdleCallback() 99%setInterval() 95%92%
Vue 933 sitesrequestIdleCallback() 100%setTimeout() 100%requestAnimationFrame() 100%setInterval() 99%91%
setTimeout() requestAnimationFrame() requestIdleCallback() setInterval() scheduler.yield()
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 5,825 with phone field dataBy Arjen Karel · corewebvitals.io/state-of-cwv
4

Scheduling APIs or the framework

Does the framework explain the main-thread scheduling API usage difference?

On jQuery, 92% of sites with setTimeout() main-thread scheduling API usage have a good INP, against 92% of jQuery sites with requestAnimationFrame(). Within jQuery, sites with setTimeout() and requestAnimationFrame() have a good INP about equally often. On Vue, 91% of sites with setTimeout() main-thread scheduling API usage have a good INP, against 91% of Vue sites with requestAnimationFrame(). Within Vue, sites with setTimeout() and requestAnimationFrame() have a good INP about equally often.

How timer churn (setInterval) and yielding APIs affect input responsiveness

Nearly every site uses setTimeout() (100.0%, 93% good INP), while 89.5% run recurring setInterval() timers (93% good INP, 113ms median) and 99.8% use requestAnimationFrame() (93% good INP). For background work, 99.7% call requestIdleCallback() (93% good INP, 111ms median), while the 4.2% (343 sites) adopting scheduler.yield() achieve a 127ms median INP (86% good INP) by yielding to pending user input with priority continuation.

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 5,825 with phone field dataBy Arjen Karel · corewebvitals.io/state-of-cwv
5

Understanding main-thread task scheduling APIs

Use scheduler.yield() (with a setTimeout(0) fallback) to break up long main-thread tasks so the browser can paint pending user interactions before resuming work, and eliminate high-frequency setInterval() polling. Across all audited sites, 4.2% use scheduler.yield() (127ms median INP) while 99.7% use requestIdleCallback() (111ms median INP).

Go fix it Yield to the main thread → The dataLayer INP yield pattern → JavaScript priority levels →
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 5,825 with phone field dataBy Arjen Karel · corewebvitals.io/state-of-cwv
Related signals Interaction invoker types → CSS hints → Yielding strategy → INP phase breakdown → By Arjen Karel · 8,246 crawled Shopify sites (5,825 with phone Chrome field data, October 2026) · How we measured