JavaScript frameworks on WordPress sites and the Core Web Vitals

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

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

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

Sites with Alpine.js JavaScript frameworks have a good CLS most often: 90%, against 89% of all WordPress sites. Sites with Angular frameworks have it least often, at 79%.

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): 1025 ms median for Alpine.js against 1300 ms for React. Overall median field LCP is 1.8s for Alpine.js (TTFB 1025 ms, load delay 241 ms, load duration 158 ms, render delay 277 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): 1025 ms median for Alpine.js against 1300 ms for React. Overall median field LCP is 1.8s for Alpine.js (TTFB 1025 ms, load delay 241 ms, load duration 158 ms, render delay 277 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): 1025 ms median for Alpine.js against 1300 ms for React. Overall median field LCP is 1.8s for Alpine.js (TTFB 1025 ms, load delay 241 ms, load duration 158 ms, render delay 277 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): 1025 ms median for Alpine.js against 1300 ms for React. Overall median field LCP is 1.8s for Alpine.js (TTFB 1025 ms, load delay 241 ms, load duration 158 ms, render delay 277 ms) versus 2.2s for React.

Alpine sets the JavaScript frameworks to Alpine.js on 100% of its sites, and 73% 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 80% 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 95% of Alpine sites have a good INP, against 98% of all sites. jQuery sets the JavaScript frameworks to jQuery on 100% of its sites, and 98% of jQuery sites have a good INP.

Alpine sets the JavaScript frameworks to Alpine.js on 100% of its sites, and 90% of Alpine sites have a good CLS, against 89% of all sites. jQuery sets the JavaScript frameworks to jQuery on 100% of its sites, and 89% 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%73%

jQuery 60,314 sitesjQuery 100%62%

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

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

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, 71% 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 pass all three more often. On Vue, 60% of sites with jQuery JavaScript frameworks pass all three Core Web Vitals, against 61% 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, 79% 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 68% 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 React JavaScript frameworks is a React site, and almost every React site has React JavaScript frameworks, so the data can't tell React JavaScript frameworks and React apart. On jQuery, 98% of sites with React JavaScript frameworks have a good INP, against 98% of jQuery sites with jQuery. Within jQuery, sites with React and jQuery have a good INP about equally often. On Vue, 98% of sites with React JavaScript frameworks have a good INP, against 97% of Vue sites with jQuery. Within Vue, sites with React and jQuery have a good INP 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, 89% of sites with Alpine.js JavaScript frameworks have a good CLS, against 89% of jQuery sites with jQuery. Within jQuery, sites with Alpine.js and jQuery have a good CLS about equally often. On Vue, 89% of sites with jQuery JavaScript frameworks have a good CLS, against 89% of Vue sites with Vue.js. Within Vue, sites with jQuery and Vue.js have a good CLS about equally often.