All Frameworks
Dependency Counts
Section titled “Dependency Counts”Methodology: Dependency Counts.
| Framework | Deps Dev / Prod | All Deps | Dup. Deps | node_modules | node_modules (prod) | Dep Install Size | Graph |
|---|---|---|---|---|---|---|---|
| Astro | 2 / 1 | 404 | 13 | 177.56MB | 136.52MB | 153.02MB | View |
| Mastro | 2 / 2 | 6 | 0 | 29.16MB | 3.36MB | 27.39MB | View |
| Next.js | 6 / 3 | 421 | 12 | 560.04MB | 436.00MB | 506.22MB | View |
| Nuxt | 2 / 3 | 694 | 63 | 208.80MB | 208.79MB | 172.24MB | View |
| React Router | 8 / 6 | 268 | 9 | 106.86MB | 17.27MB | 102.22MB | View |
| SolidStart | 0 / 5 | 584 | 79 | 160.53MB | 160.46MB | 136.91MB | View |
| SvelteKit | 7 / 0 | 118 | 1 | 61.81MB | 0.02MB | 65.37MB | View |
| TanStack Start | 11 / 13 | 424 | 14 | 234.76MB | 201.87MB | 198.52MB | View |
Deps
Prod Deps
Duplicate Dependencies
Node Modules Size
Section titled “Node Modules Size”Methodology: Node Modules Size.
Node modules size
Node modules size (prod only)
Build and Install Times
Section titled “Build and Install Times”Methodology: Build and Install Times.
| Framework | Avg Install | Min Install | Max Install | Avg Cold Build | Avg Warm Build | Build Output |
|---|---|---|---|---|---|---|
| Astro | 1.56s | 1.48s | 1.61s | 1.75s | 1.62s | 0.03MB |
| Mastro | 0.54s | 0.52s | 0.59s | 0.36s | 0.37s | 0.01MB |
| Next.js | 2.88s | 2.85s | 2.95s | 4.88s | 4.85s | 6.22MB |
| Nuxt | 2.81s | 2.65s | 3.18s | 3.85s | 3.78s | 2.46MB |
| React Router | 1.16s | 1.12s | 1.22s | 1.81s | 1.70s | 0.38MB |
| SolidStart | 1.68s | 1.63s | 1.75s | 5.54s | 5.42s | 0.85MB |
| SvelteKit | 1.24s | 1.21s | 1.30s | 2.38s | 2.31s | 1.29MB |
| TanStack Start | 1.85s | 1.82s | 1.90s | 5.13s | 5.02s | 2.05MB |
Avg install time
Cold build time
Warm build time
Build output size
Core-JS Polyfills
Section titled “Core-JS Polyfills”Methodology: Core-JS Polyfills.
| Framework | ~Size | Unnecessary Modules |
|---|---|---|
| Astro | — | — |
| Mastro | — | — |
| Next.js | 110.0 KB | 302 |
| Nuxt | — | — |
| React Router | — | — |
| SolidStart | — | — |
| SvelteKit | — | — |
| TanStack Start | — | — |
Browser Baseline
Section titled “Browser Baseline”Methodology: Browser Baseline.
| Framework | Baseline | Feature | Year | Features |
|---|---|---|---|---|
| Astro | — | — | — | 0 |
| Mastro | — | — | — | 0 |
| Next.js | High | — | 2022 | 46 |
| Nuxt | Limited | temporal | — | 40 |
| React Router | High | — | 2022 | 40 |
| SolidStart | High | — | 2020 | 29 |
| SvelteKit | High | — | 2020 | 40 |
| TanStack Start | High | — | 2022 | 45 |
Client Side Rendered Tests
Section titled “Client Side Rendered Tests”Methodology: Client Side Rendered Tests.
| Framework | First Paint | FCP | INP |
|---|---|---|---|
| Astro | 179.2ms | 179.1ms | 5.55ms |
| Next.js | 383.2ms | 382.99ms | 20.71ms |
| Nuxt | 257.2ms | 257.24ms | 10.79ms |
| React Router | 248.4ms | 248.35ms | 17.41ms |
| SolidStart | 124.6ms | 124.41ms | 14.3ms |
| SvelteKit | 192.4ms | 192.7ms | 13.84ms |
| TanStack Start | 258.6ms | 258.63ms | 31.59ms |
First Paint (ms)
First Contentful Paint (ms)
Interaction to Next Paint (ms)
Server Side Rendered Tests
Section titled “Server Side Rendered Tests”Methodology: Server Side Rendered Tests.
| Framework | First Paint | FCP | INP |
|---|---|---|---|
| Astro | 122.2ms | 122.09ms | 2.66ms |
| Next.js | 199.2ms | 199.06ms | 17.82ms |
| Nuxt | 136.8ms | 136.76ms | 15.63ms |
| React Router | 113.2ms | 113.23ms | 18.9ms |
| SolidStart | 117ms | 117.1ms | 15.85ms |
| SvelteKit | 123.6ms | 123.63ms | 13.73ms |
| TanStack Start | 129.4ms | 129.29ms | 27.53ms |
First Paint (ms)
First Contentful Paint (ms)
Interaction to Next Paint (ms)
Server Side Throughput Tests
Section titled “Server Side Throughput Tests”Methodology: Server Side Throughput Tests.
| Framework | Ops/sec | Median Latency | Body Size | Duplication |
|---|---|---|---|---|
| Baseline HTML | 858 | 1.197ms | 96.83kb | 1x |
| Astro | 584 | 1.639ms | 99.82kb | 1x |
| Mastro | 515 | 1.912ms | 181.95kb | 1x |
| Next.js | 225 | 4.661ms | 199.57kb | 2x |
| Nuxt | 354 | 2.731ms | 201.27kb | 2x |
| React Router | 349 | 2.838ms | 211.63kb | 2x |
| SolidStart | 393 | 2.519ms | 230.24kb | 2x |
| SvelteKit | 436 | 2.226ms | 183.49kb | 2x |
| TanStack Start | 280 | 3.546ms | 193.62kb | 2x |
Ops/sec
Body Size
Median Latency
Server Side Load Test
Section titled “Server Side Load Test”Methodology: Server Side Load Test.
| Framework | Peak req/s | Peak Connections | P99 @ 25 | P99 @ 50 | P99 @ 100 | Total Req. |
|---|---|---|---|---|---|---|
| Baseline HTML | 1,664.8 | 100 | 19ms | 42ms | 112ms | 49,172 |
| Astro | 918.4 | 25 | 42ms | 75ms | 786ms | 28,309 |
| Next.js | 37.4 | 5 | 2139ms | 4659ms | 4651ms | 1,021 |
| Nuxt | 63 | 5 | 2202ms | 4174ms | 4504ms | 2,025 |
| React Router | 167.4 | 50 | 194ms | 1748ms | 3917ms | 5,411 |
| SolidStart | 62.4 | 25 | 3245ms | 4058ms | 4315ms | 1,996 |
| SvelteKit | 469.6 | 25 | 92ms | 201ms | 2680ms | 15,078 |
| TanStack Start | 43.8 | 5 | 3546ms | 3748ms | 4548ms | 1,351 |
P99 Latency
Section titled “P99 Latency”P99 Latency at 25 Connections
P99 Latency at 50 Connections
P99 Latency at 100 Connections
P90 Latency
Section titled “P90 Latency”P90 Latency at 25 Connections
P90 Latency at 50 Connections
P90 Latency at 100 Connections
Core Web Vitals
Section titled “Core Web Vitals”CWV Desktop
Section titled “CWV Desktop”| Framework | LCP% | CLS% | FCP% | TTFB% | INP% |
|---|---|---|---|---|---|
| Astro | 91 | 87 | 91 | 82 | 97 |
| SolidStart | 91 | 66 | 91 | 83 | 100 |
| SvelteKit | 79 | 77 | 78 | 71 | 94 |
| Next.js | 72 | 69 | 76 | 67 | 94 |
| React Router | 61 | 62 | 66 | 70 | 90 |
| Nuxt.js | 65 | 57 | 67 | 59 | 95 |
Good Largest Contentful Paint
Measures how fast a page's main content loads. To provide a good user experience, the LCP should be 2.5 seconds or less.
Good Cumulative Layout Shift
Measures how much and how far content unexpectedly moves on a page. To provide a good user experience, sites should maintain a CLS score of 0.1 or less for at least 75% of page visits.
Good First Contentful Paint
Measures initial loading speed. To provide a good user experience, the FCP should be 1.8 seconds or less.
Good Time To First Byte
Measures the time between the request for a resource and when the first byte of a response begins to arrive. A good TTFB is less than or equal to 800ms.
Good Interaction to Next Paint
Measures overall page responsiveness to user actions. To provide a good user experience, the INP should be 200ms or less.
CWV Mobile
Section titled “CWV Mobile”| Framework | LCP% | CLS% | FCP% | TTFB% | INP% |
|---|---|---|---|---|---|
| Astro | 77 | 92 | 71 | 60 | 86 |
| SolidStart | 90 | 63 | 90 | 81 | 100 |
| SvelteKit | 67 | 81 | 60 | 58 | 75 |
| Next.js | 51 | 69 | 50 | 47 | 58 |
| Nuxt.js | 45 | 58 | 43 | 45 | 65 |
| React Router | 41 | 64 | 41 | 53 | 56 |
Good Largest Contentful Paint
Measures how fast a page's main content loads. To provide a good user experience, the LCP should be 2.5 seconds or less.
Good Cumulative Layout Shift
Measures how much and how far content unexpectedly moves on a page. To provide a good user experience, sites should maintain a CLS score of 0.1 or less for at least 75% of page visits.
Good First Contentful Paint
Measures initial loading speed. To provide a good user experience, the FCP should be 1.8 seconds or less.
Good Time To First Byte
Measures the time between the request for a resource and when the first byte of a response begins to arrive. A good TTFB is less than or equal to 800ms.
Good Interaction to Next Paint
Measures overall page responsiveness to user actions. To provide a good user experience, the INP should be 200ms or less.
Methodology: Core Web Vitals.