Frameworks performance

How JavaScript frameworks score across LCP, INP and CLS.

Field data PhoneDesktopAll Scope All sites Q1 2026 edition · Phone field outcomes
Metric LCP INP CLS
1

At a glance the headline numbers for Frameworks performance

How JavaScript frameworks score across LCP, INP and CLS.

10
Frameworks ranked
After min-sites filter
82,942
Sites in sample
Combined across all items
0.01
Best CLS (p75)
Alpine.js
The State of Web Vitals · Q1 2026 · 94,910 sites · phone field datacorewebvitals.io/state-of-cwv
2

The ranking sorted by CLS at p75, fastest first

# Framework CLS p75 Passing Sites
1 Alpine.js 0.01 91.5%
1,306
2 React 0.01 91.7%
4,396
3 jQuery 0.02 89.8%
67,958
4 htmx 0.03 88.8%
141
5 Svelte 0.04 86.9%
219
6 Vue 0.04 84.3%
5,677
7 Nuxt 0.12 72.4%
628
8 Next.js 0.17 66.7%
854
9 Gatsby 0.19 66.2%
105
10 Angular 0.26 58.0%
1,658
The State of Web Vitals · Q1 2026 · 94,910 sites · phone field datacorewebvitals.io/state-of-cwv
3

Passing CLS per framework which group passes the CLS most often

FrameworkSitesPassing CLSp75
React 4.6% 4,396 92% 0.01
Alpine.js 1.4% 1,306 92% 0.01
jQuery 71.6% 67,958 90% 0.02
htmx 0.1% 141 89% 0.03
Svelte 0.2% 219 87% 0.04
Vue 6% 5,677 84% 0.04
Remix 0% 26 77% 0.07
Nuxt 0.7% 628 72% 0.12
Next.js 0.9% 854 67% 0.17
Gatsby 0.1% 105 66% 0.19
Angular 1.7% 1,658 58% 0.26
Good Needs Improvement Poor Sorted best-passing first · median colored by its own rating · pass = good CLS (0.1 at p75) · one value per site

92% of React sites pass CLS. Angular trails 34 points behind, leaving 42% of its sites failing. computed

The State of Web Vitals · Q1 2026 · 94,910 sites · phone field datacorewebvitals.io/state-of-cwv
4

All five vitals at once the whole category without toggling - cell is the pass rate, small number the p75

LCP
INP
CLS
FCP
TTFB
jQuery 71.6%
812.3s
95121ms
900.02
731.9s
521.3s
Vue 6%
772.4s
92145ms
840.04
711.9s
531.3s
React 4.6%
852.0s
93121ms
920.01
821.6s
681.0s
Angular 1.7%
642.9s
80188ms
580.26
682.0s
78731ms
Alpine.js 1.4%
882.0s
95133ms
920.01
791.7s
551.1s
Next.js 0.9%
832.2s
62253ms
670.17
831.6s
66900ms
Nuxt 0.7%
702.7s
86169ms
720.12
691.9s
581.0s
Svelte 0.2%
822.2s
90158ms
870.04
801.6s
70945ms
htmx 0.1%
892.0s
99125ms
890.03
871.6s
481.1s
Gatsby 0.1%
642.6s
67214ms
660.19
891.5s
74801ms
Remix 0%
772.3s
87147ms
770.07
592.1s
441.4s
60%95%+ passing Cell: pass rate, small number = p75 · faded rows: under 100 sites

One row per framework, one column per vital - the cell is the share of sites passing, the small number the p75. No toggling needed to see where the category actually differs.

React leads on CLS: 92% of its sites pass. Angular trails at 58%. computed

The State of Web Vitals · Q1 2026 · 94,910 sites · phone field datacorewebvitals.io/state-of-cwv
5

Why this matters for the Core Web Vitals, and where to start fixing it

A JavaScript framework shapes how much code runs in the browser to put your page on the screen. Some render on the server and ship light; others send a large bundle and rebuild the page on the client, which lands on the main thread and shows up in INP. The framework is not destiny, but its defaults and how you use them decide how much JavaScript the visitor has to pay for.

Start by looking at what ships to the browser and when it runs. Render on the server where you can, split the bundle so each page only loads what it needs, and defer the work that is not required for the first interaction. Framework JavaScript runs on the main thread, so the less of it the browser has to execute, the better INP gets.

How does your framework affect Core Web Vitals?

Among the JavaScript frameworks, Alpine.js reaches a good CLS on 91.5% of sites; Angular on 58.0%.

Related signals CDN (7) → CMS (10) → Chrome field data from 94,910 sites, representing millions of real page loads · How we measured