Frameworks performance
How JavaScript frameworks score across LCP, INP and CLS.
At a glance the headline numbers for Frameworks performance
How JavaScript frameworks score across LCP, INP and CLS.
React passes CLS most often of any framework. 91.6% of its sites pass. Angular passes least at 58.2%. jQuery (the most-used framework) sits at 89.9%. The gap is 33 percentage points.
The ranking sorted by CLS at p75, fastest first
| # | Framework | CLS p75 | Passing | Sites | |
|---|---|---|---|---|---|
| 1 | Alpine.js | 0.01 | 91.9% | 2,671 | |
| 2 | htmx | 0.01 | 93.1% | 301 | |
| 3 | React | 0.01 | 91.6% | 9,570 | |
| 4 | jQuery | 0.02 | 89.9% | 143,509 | |
| 5 | Vue | 0.04 | 84.7% | 12,115 | |
| 6 | Svelte | 0.05 | 85.9% | 467 | |
| 7 | Remix | 0.10 | 75.0% | 53 | |
| 8 | Nuxt | 0.12 | 72.2% | 1,309 | |
| 9 | Next.js | 0.18 | 65.5% | 1,832 | |
| 10 | Gatsby | 0.19 | 66.7% | 218 | |
| 11 | Angular | 0.26 | 58.2% | 3,377 |
Passing CLS per framework which group passes the CLS most often
93% of htmx sites pass CLS. Angular trails 35 points behind, leaving 42% of its sites failing. computed
All five vitals at once the whole category without toggling - cell is the pass rate, small number the p75
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.
htmx leads on CLS: 93% of its sites pass. Angular trails at 58%. computed
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.9% of sites; Angular on 58.2%.
210,902 crawled sites with Chrome field data, representing millions of real page loads. How we measured.