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 | 402 | 12 | 178.63MB | 115.63MB | 153.72MB | View |
| Mastro | 2 / 2 | 6 | 0 | 29.16MB | 3.36MB | 27.39MB | View |
| Next.js | 6 / 3 | 421 | 12 | 560.05MB | 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 | 119 | 1 | 60.05MB | 0.02MB | 63.60MB | View |
| TanStack Start | 11 / 13 | 424 | 14 | 234.76MB | 201.87MB | 198.52MB | View |
Deps
| Framework | Dependency count |
|---|---|
| SolidStart | 0 |
| Astro | 2 |
| Mastro | 2 |
| Nuxt | 2 |
| Next.js | 6 |
| SvelteKit | 7 |
| React Router | 8 |
| TanStack Start | 11 |
The chart includes a dotted median reference line calculated from the visible framework values.
Prod Deps
| Framework | Dependency count |
|---|---|
| SvelteKit | 0 |
| Astro | 1 |
| Mastro | 2 |
| Next.js | 3 |
| Nuxt | 3 |
| SolidStart | 5 |
| React Router | 6 |
| TanStack Start | 13 |
The chart includes a dotted median reference line calculated from the visible framework values.
Duplicate Dependencies
| Framework | Dependency count |
|---|---|
| Mastro | 0 |
| SvelteKit | 1 |
| React Router | 9 |
| Astro | 12 |
| Next.js | 12 |
| TanStack Start | 14 |
| Nuxt | 63 |
| SolidStart | 79 |
The chart includes a dotted median reference line calculated from the visible framework values.
Node Modules Size
Section titled “Node Modules Size”Methodology: Node Modules Size.
Node modules size
| Framework | Megabytes |
|---|---|
| Mastro | 29.16 MB |
| SvelteKit | 60.05 MB |
| React Router | 106.86 MB |
| SolidStart | 160.53 MB |
| Astro | 178.63 MB |
| Nuxt | 208.80 MB |
| TanStack Start | 234.76 MB |
| Next.js | 560.05 MB |
The chart includes a dotted median reference line calculated from the visible framework values.
Node modules size (prod only)
| Framework | Megabytes |
|---|---|
| SvelteKit | 0.02 MB |
| Mastro | 3.36 MB |
| React Router | 17.27 MB |
| Astro | 115.63 MB |
| SolidStart | 160.46 MB |
| TanStack Start | 201.87 MB |
| Nuxt | 208.79 MB |
| Next.js | 436.00 MB |
The chart includes a dotted median reference line calculated from the visible framework values.
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.46s | 1.43s | 1.52s | 1.73s | 1.62s | 0.03MB |
| Mastro | 0.54s | 0.52s | 0.58s | 0.37s | 0.38s | 0.01MB |
| Next.js | 2.80s | 2.75s | 2.87s | 5.89s | 5.82s | 6.22MB |
| Nuxt | 2.80s | 2.64s | 3.15s | 3.96s | 3.92s | 2.46MB |
| React Router | 1.13s | 1.10s | 1.19s | 1.80s | 1.69s | 0.38MB |
| SolidStart | 1.61s | 1.59s | 1.63s | 5.52s | 5.47s | 0.85MB |
| SvelteKit | 1.19s | 1.13s | 1.26s | 2.37s | 2.27s | 1.36MB |
| TanStack Start | 1.73s | 1.71s | 1.75s | 5.32s | 5.19s | 2.05MB |
Avg install time
| Framework | Seconds |
|---|---|
| Mastro | 0.54s |
| React Router | 1.13s |
| SvelteKit | 1.19s |
| Astro | 1.46s |
| SolidStart | 1.61s |
| TanStack Start | 1.73s |
| Nuxt | 2.80s |
| Next.js | 2.80s |
The chart includes a dotted median reference line calculated from the visible framework values.
Cold build time
| Framework | Seconds |
|---|---|
| Mastro | 0.37s |
| Astro | 1.73s |
| React Router | 1.80s |
| SvelteKit | 2.37s |
| Nuxt | 3.96s |
| TanStack Start | 5.32s |
| SolidStart | 5.52s |
| Next.js | 5.89s |
The chart includes a dotted median reference line calculated from the visible framework values.
Warm build time
| Framework | Seconds |
|---|---|
| Mastro | 0.38s |
| Astro | 1.62s |
| React Router | 1.69s |
| SvelteKit | 2.27s |
| Nuxt | 3.92s |
| TanStack Start | 5.19s |
| SolidStart | 5.47s |
| Next.js | 5.82s |
The chart includes a dotted median reference line calculated from the visible framework values.
Build output size
| Framework | Megabytes |
|---|---|
| Mastro | 0.01 MB |
| Astro | 0.03 MB |
| React Router | 0.38 MB |
| SolidStart | 0.85 MB |
| SvelteKit | 1.36 MB |
| TanStack Start | 2.05 MB |
| Nuxt | 2.46 MB |
| Next.js | 6.22 MB |
The chart includes a dotted median reference line calculated from the visible framework values.
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 | 130.2ms | 130.25ms | 10.31ms |
| Next.js | 346.8ms | 346.8ms | 20.72ms |
| Nuxt | 171.2ms | 171.32ms | 12.2ms |
| React Router | 187.8ms | 187.7ms | 17.91ms |
| SolidStart | 112.6ms | 112.73ms | 14.69ms |
| SvelteKit | 119.6ms | 119.52ms | 15.59ms |
| TanStack Start | 207.4ms | 207.26ms | 32.37ms |
First Paint (ms)
| Framework | Milliseconds |
|---|---|
| SolidStart | 112.60 ms |
| SvelteKit | 119.60 ms |
| Astro | 130.20 ms |
| Nuxt | 171.20 ms |
| React Router | 187.80 ms |
| TanStack Start | 207.40 ms |
| Next.js | 346.80 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
First Contentful Paint (ms)
| Framework | Milliseconds |
|---|---|
| SolidStart | 112.73 ms |
| SvelteKit | 119.52 ms |
| Astro | 130.25 ms |
| Nuxt | 171.32 ms |
| React Router | 187.70 ms |
| TanStack Start | 207.26 ms |
| Next.js | 346.80 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
Interaction to Next Paint (ms)
| Framework | Milliseconds |
|---|---|
| Astro | 10.31 ms |
| Nuxt | 12.20 ms |
| SolidStart | 14.69 ms |
| SvelteKit | 15.59 ms |
| React Router | 17.91 ms |
| Next.js | 20.72 ms |
| TanStack Start | 32.37 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
Server Side Rendered Tests
Section titled “Server Side Rendered Tests”Methodology: Server Side Rendered Tests.
| Framework | First Paint | FCP | INP |
|---|---|---|---|
| Astro | 106.4ms | 106.53ms | 4.23ms |
| Next.js | 170.8ms | 170.73ms | 17.92ms |
| Nuxt | 127.2ms | 127.24ms | 10.62ms |
| React Router | 137.6ms | 137.81ms | 16.62ms |
| SolidStart | 132.2ms | 132.14ms | 15.38ms |
| SvelteKit | 84.4ms | 84.35ms | 13.94ms |
| TanStack Start | 172.6ms | 172.77ms | 27.86ms |
First Paint (ms)
| Framework | Milliseconds |
|---|---|
| SvelteKit | 84.40 ms |
| Astro | 106.40 ms |
| Nuxt | 127.20 ms |
| SolidStart | 132.20 ms |
| React Router | 137.60 ms |
| Next.js | 170.80 ms |
| TanStack Start | 172.60 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
First Contentful Paint (ms)
| Framework | Milliseconds |
|---|---|
| SvelteKit | 84.35 ms |
| Astro | 106.53 ms |
| Nuxt | 127.24 ms |
| SolidStart | 132.14 ms |
| React Router | 137.81 ms |
| Next.js | 170.73 ms |
| TanStack Start | 172.77 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
Interaction to Next Paint (ms)
| Framework | Milliseconds |
|---|---|
| Astro | 4.23 ms |
| Nuxt | 10.62 ms |
| SvelteKit | 13.94 ms |
| SolidStart | 15.38 ms |
| React Router | 16.62 ms |
| Next.js | 17.92 ms |
| TanStack Start | 27.86 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
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 | 845 | 1.199ms | 96.83kb | 1x |
| Astro | 538 | 1.793ms | 99.82kb | 1x |
| Mastro | 515 | 1.912ms | 181.95kb | 1x |
| Next.js | 229 | 4.623ms | 199.57kb | 2x |
| Nuxt | 360 | 2.697ms | 201.27kb | 2x |
| React Router | 346 | 2.857ms | 211.63kb | 2x |
| SolidStart | 392 | 2.518ms | 230.24kb | 2x |
| SvelteKit | 436 | 2.227ms | 183.53kb | 2x |
| TanStack Start | 313 | 3.171ms | 193.62kb | 2x |
Ops/sec
| Framework | Operations per second |
|---|---|
| Baseline HTML | 845 |
| Astro | 538 |
| Mastro | 515 |
| SvelteKit | 436 |
| SolidStart | 392 |
| Nuxt | 360 |
| React Router | 346 |
| TanStack Start | 313 |
| Next.js | 229 |
The chart includes a dotted median reference line calculated from the visible framework values.
Body Size
| Framework | Kilobytes |
|---|---|
| Baseline HTML | 96.83 KB |
| Astro | 99.82 KB |
| Mastro | 181.95 KB |
| SvelteKit | 183.53 KB |
| TanStack Start | 193.62 KB |
| Next.js | 199.57 KB |
| Nuxt | 201.27 KB |
| React Router | 211.63 KB |
| SolidStart | 230.24 KB |
The chart includes a dotted median reference line calculated from the visible framework values.
Median Latency
| Framework | Milliseconds |
|---|---|
| Baseline HTML | 1.20 ms |
| Astro | 1.79 ms |
| Mastro | 1.91 ms |
| SvelteKit | 2.23 ms |
| SolidStart | 2.52 ms |
| Nuxt | 2.70 ms |
| React Router | 2.86 ms |
| TanStack Start | 3.17 ms |
| Next.js | 4.62 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
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,679.8 | 100 | 18ms | 40ms | 100ms | 49,455 |
| Astro | 740.4 | 25 | 54ms | 81ms | 1254ms | 23,003 |
| Next.js | 37.4 | 5 | 2178ms | 4652ms | 4698ms | 1,040 |
| Nuxt | 65 | 5 | 2049ms | 4034ms | 4477ms | 2,092 |
| React Router | 174.4 | 25 | 287ms | 1641ms | 3824ms | 5,766 |
| SolidStart | 62.6 | 5 | 3252ms | 3746ms | 4317ms | 2,061 |
| SvelteKit | 488.8 | 25 | 89ms | 428ms | 2592ms | 15,735 |
| TanStack Start | 44 | 5 | 3593ms | 4525ms | 4125ms | 1,357 |
P99 Latency
Section titled “P99 Latency”P99 Latency at 25 Connections
| Framework | Milliseconds |
|---|---|
| Baseline HTML | 18.00 ms |
| Astro | 54.00 ms |
| SvelteKit | 89.00 ms |
| React Router | 287.00 ms |
| Nuxt | 2049.00 ms |
| Next.js | 2178.00 ms |
| SolidStart | 3252.00 ms |
| TanStack Start | 3593.00 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
P99 Latency at 50 Connections
| Framework | Milliseconds |
|---|---|
| Baseline HTML | 40.00 ms |
| Astro | 81.00 ms |
| SvelteKit | 428.00 ms |
| React Router | 1641.00 ms |
| SolidStart | 3746.00 ms |
| Nuxt | 4034.00 ms |
| TanStack Start | 4525.00 ms |
| Next.js | 4652.00 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
P99 Latency at 100 Connections
| Framework | Milliseconds |
|---|---|
| Baseline HTML | 100.00 ms |
| Astro | 1254.00 ms |
| SvelteKit | 2592.00 ms |
| React Router | 3824.00 ms |
| TanStack Start | 4125.00 ms |
| SolidStart | 4317.00 ms |
| Nuxt | 4477.00 ms |
| Next.js | 4698.00 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
P90 Latency
Section titled “P90 Latency”P90 Latency at 25 Connections
| Framework | Milliseconds |
|---|---|
| Baseline HTML | 17.00 ms |
| Astro | 35.00 ms |
| SvelteKit | 60.00 ms |
| React Router | 151.00 ms |
| Nuxt | 387.00 ms |
| SolidStart | 543.00 ms |
| Next.js | 745.00 ms |
| TanStack Start | 790.00 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
P90 Latency at 50 Connections
| Framework | Milliseconds |
|---|---|
| Baseline HTML | 32.00 ms |
| Astro | 69.00 ms |
| SvelteKit | 148.00 ms |
| React Router | 290.00 ms |
| Nuxt | 513.00 ms |
| SolidStart | 592.00 ms |
| TanStack Start | 821.00 ms |
| Next.js | 2425.00 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
P90 Latency at 100 Connections
| Framework | Milliseconds |
|---|---|
| Baseline HTML | 73.00 ms |
| Astro | 138.00 ms |
| SvelteKit | 212.00 ms |
| React Router | 402.00 ms |
| SolidStart | 633.00 ms |
| Nuxt | 651.00 ms |
| TanStack Start | 1395.00 ms |
| Next.js | 2862.00 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
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.
| Framework | % |
|---|---|
| Astro | 91 |
| SolidStart | 91 |
| SvelteKit | 79 |
| Next.js | 72 |
| Nuxt.js | 65 |
| React Router | 61 |
The chart includes a dotted median reference line calculated from the visible framework values.
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.
| Framework | % |
|---|---|
| Astro | 87 |
| SvelteKit | 77 |
| Next.js | 69 |
| SolidStart | 66 |
| React Router | 62 |
| Nuxt.js | 57 |
The chart includes a dotted median reference line calculated from the visible framework values.
Good First Contentful Paint
Measures initial loading speed. To provide a good user experience, the FCP should be 1.8 seconds or less.
| Framework | % |
|---|---|
| Astro | 91 |
| SolidStart | 91 |
| SvelteKit | 78 |
| Next.js | 76 |
| Nuxt.js | 67 |
| React Router | 66 |
The chart includes a dotted median reference line calculated from the visible framework values.
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.
| Framework | % |
|---|---|
| SolidStart | 83 |
| Astro | 82 |
| SvelteKit | 71 |
| React Router | 70 |
| Next.js | 67 |
| Nuxt.js | 59 |
The chart includes a dotted median reference line calculated from the visible framework values.
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.
| Framework | % |
|---|---|
| SolidStart | 100 |
| Astro | 97 |
| Nuxt.js | 95 |
| SvelteKit | 94 |
| Next.js | 94 |
| React Router | 90 |
The chart includes a dotted median reference line calculated from the visible framework values.
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.
| Framework | % |
|---|---|
| SolidStart | 90 |
| Astro | 77 |
| SvelteKit | 67 |
| Next.js | 51 |
| Nuxt.js | 45 |
| React Router | 41 |
The chart includes a dotted median reference line calculated from the visible framework values.
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.
| Framework | % |
|---|---|
| Astro | 92 |
| SvelteKit | 81 |
| Next.js | 69 |
| React Router | 64 |
| SolidStart | 63 |
| Nuxt.js | 58 |
The chart includes a dotted median reference line calculated from the visible framework values.
Good First Contentful Paint
Measures initial loading speed. To provide a good user experience, the FCP should be 1.8 seconds or less.
| Framework | % |
|---|---|
| SolidStart | 90 |
| Astro | 71 |
| SvelteKit | 60 |
| Next.js | 50 |
| Nuxt.js | 43 |
| React Router | 41 |
The chart includes a dotted median reference line calculated from the visible framework values.
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.
| Framework | % |
|---|---|
| SolidStart | 81 |
| Astro | 60 |
| SvelteKit | 58 |
| React Router | 53 |
| Next.js | 47 |
| Nuxt.js | 45 |
The chart includes a dotted median reference line calculated from the visible framework values.
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.
| Framework | % |
|---|---|
| SolidStart | 100 |
| Astro | 86 |
| SvelteKit | 75 |
| Nuxt.js | 65 |
| Next.js | 58 |
| React Router | 56 |
The chart includes a dotted median reference line calculated from the visible framework values.
Methodology: Core Web Vitals.