JavaScript frameworks on WordPress sites and the Core Web Vitals

Sites with Alpine.js JavaScript frameworks pass all three Core Web Vitals most often: 66%, against 63% of all WordPress sites. The biggest gap is LCP, 78% against 70%.

Sites with Alpine.js JavaScript frameworks have a good LCP most often: 78%, against 70% of all WordPress sites. Sites with React frameworks have it least often, at 63%.

Sites with jQuery JavaScript frameworks have a good INP most often: 97%, against 97% of all WordPress sites. Sites with Alpine.js frameworks have it least often, at 88%.

Sites with jQuery JavaScript frameworks have a good CLS most often: 90%, against 90% of all WordPress sites. Sites with React frameworks have it least often, at 88%.

JQuery is the most used: 99.5% of WordPress sites. Alpine.js is 0.6% of WordPress sites.

Across the four LCP sub-parts in Chrome's field data, the largest gap between Alpine.js and React sits in time to first byte (TTFB): 1047 ms median for Alpine.js against 1267 ms for React. Overall median field LCP is 1.9s for Alpine.js (TTFB 1047 ms, load delay 243 ms, load duration 182 ms, render delay 293 ms) versus 2.2s for React.

Across the four LCP sub-parts in Chrome's field data, the largest gap between Alpine.js and React sits in time to first byte (TTFB): 1047 ms median for Alpine.js against 1267 ms for React. Overall median field LCP is 1.9s for Alpine.js (TTFB 1047 ms, load delay 243 ms, load duration 182 ms, render delay 293 ms) versus 2.2s for React.

Across the four LCP sub-parts in Chrome's field data, the largest gap between Alpine.js and React sits in time to first byte (TTFB): 1047 ms median for Alpine.js against 1267 ms for React. Overall median field LCP is 1.9s for Alpine.js (TTFB 1047 ms, load delay 243 ms, load duration 182 ms, render delay 293 ms) versus 2.2s for React.

Across the four LCP sub-parts in Chrome's field data, the largest gap between Alpine.js and React sits in time to first byte (TTFB): 1047 ms median for Alpine.js against 1267 ms for React. Overall median field LCP is 1.9s for Alpine.js (TTFB 1047 ms, load delay 243 ms, load duration 182 ms, render delay 293 ms) versus 2.2s for React.

Alpine sets the JavaScript frameworks to Alpine.js on 100% of its sites, and 66% of Alpine sites pass all three Core Web Vitals, against 63% of all sites. jQuery sets the JavaScript frameworks to jQuery on 100% of its sites, and 62% of jQuery sites pass all three.

Alpine sets the JavaScript frameworks to Alpine.js on 100% of its sites, and 78% of Alpine sites have a good LCP, against 70% of all sites. jQuery sets the JavaScript frameworks to jQuery on 100% of its sites, and 69% of jQuery sites have a good LCP.

Alpine sets the JavaScript frameworks to Alpine.js on 100% of its sites, and 88% of Alpine sites have a good INP, against 97% of all sites. jQuery sets the JavaScript frameworks to jQuery on 100% of its sites, and 97% of jQuery sites have a good INP.

Alpine sets the JavaScript frameworks to Alpine.js on 100% of its sites, and 89% of Alpine sites have a good CLS, against 90% of all sites. jQuery sets the JavaScript frameworks to jQuery on 100% of its sites, and 90% of jQuery sites have a good CLS.

FrameworkJavaScript frameworks on its sitesPass all three

WordPress sites with JavaScript frameworks 60,616 sitesjQuery 100%63%

Alpine 380 sitesAlpine.js 100%jQuery 85%66%

jQuery 60,314 sitesjQuery 100%62%

Vue 4,844 sitesVue.js 100%jQuery 97%60%

React 2,233 sitesReact 100%jQuery 95%55%

jQuery Vue.js React Alpine.js Angular Svelte htmx

Does the framework explain the JavaScript frameworks difference?

Almost every site with Alpine.js JavaScript frameworks is a Alpine site, and almost every Alpine site has Alpine.js JavaScript frameworks, so the data can't tell Alpine.js JavaScript frameworks and Alpine apart. On jQuery, 63% of sites with Alpine.js JavaScript frameworks pass all three Core Web Vitals, against 62% of jQuery sites with jQuery. Within jQuery, sites with Alpine.js and jQuery pass all three about equally often. On Vue, 60% of sites with jQuery JavaScript frameworks pass all three Core Web Vitals, against 60% of Vue sites with Vue.js. Within Vue, sites with jQuery and Vue.js pass all three about equally often.

Almost every site with Alpine.js JavaScript frameworks is a Alpine site, and almost every Alpine site has Alpine.js JavaScript frameworks, so the data can't tell Alpine.js JavaScript frameworks and Alpine apart. On jQuery, 77% of sites with Alpine.js JavaScript frameworks have a good LCP, against 69% of jQuery sites with jQuery. Within jQuery, sites with Alpine.js have a good LCP more often. On Vue, 67% of sites with jQuery JavaScript frameworks have a good LCP, against 67% of Vue sites with Vue.js. Within Vue, sites with jQuery and Vue.js have a good LCP about equally often.

Almost every site with jQuery JavaScript frameworks is a jQuery site, and almost every jQuery site has jQuery JavaScript frameworks, so the data can't tell jQuery JavaScript frameworks and jQuery apart. On Vue, 95% of sites with jQuery JavaScript frameworks have a good INP, against 95% of Vue sites with Vue.js. Within Vue, sites with jQuery and Vue.js have a good INP about equally often. On React, 96% of sites with jQuery JavaScript frameworks have a good INP, against 93% of React sites with Vue.js. Within React, sites with jQuery and Vue.js have a good INP about equally often.

Almost every site with jQuery JavaScript frameworks is a jQuery site, and almost every jQuery site has jQuery JavaScript frameworks, so the data can't tell jQuery JavaScript frameworks and jQuery apart. On Vue, 90% of sites with jQuery JavaScript frameworks have a good CLS, against 90% of Vue sites with Vue.js. Within Vue, sites with jQuery and Vue.js have a good CLS about equally often. On React, 87% of sites with jQuery JavaScript frameworks have a good CLS, against 82% of React sites with Vue.js. Within React, sites with jQuery and Vue.js have a good CLS about equally often.