All Frameworks
Dev Time
Section titled “Dev Time”Each starter project follows its framework’s recommended CLI or documented setup. See Default Benchmark Setup for the shared environment, build tools, and adapters, and Project Setups for the starter configuration details.
Dependency Counts
Section titled “Dependency Counts”Methodology: Dependency Counts.
These views separate a framework’s core package, the direct packages maintained by its ecosystem, and the complete default starter configuration.
Meta-framework Direct Package Counts
Section titled “Meta-framework Direct Package Counts”First, we look at the direct dependency counts of the meta-framework package itself.
| Framework | Deps | Dev | Prod | Graph |
|---|---|---|---|---|
| Astro | 77 | 25 | 52 | View |
| Next.js | 6 | 0 | 6 | View |
| Nuxt | 79 | 13 | 66 | View |
| Pracht | 5 | 2 | 3 | View |
| React Router | 47 | 24 | 23 | View |
| SolidStart | 29 | 4 | 25 | View |
| SvelteKit | 23 | 15 | 8 | View |
| TanStack Start | 23 | 14 | 9 | View |
| Framework | Dependency count |
|---|---|
| Pracht | 5 |
| Next.js | 6 |
| SvelteKit | 23 |
| TanStack Start | 23 |
| SolidStart | 29 |
| React Router | 47 |
| Astro | 77 |
| Nuxt | 79 |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Dependency count |
|---|---|
| Next.js | 0 |
| Pracht | 2 |
| SolidStart | 4 |
| Nuxt | 13 |
| TanStack Start | 14 |
| SvelteKit | 15 |
| React Router | 24 |
| Astro | 25 |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Dependency count |
|---|---|
| Pracht | 3 |
| Next.js | 6 |
| SvelteKit | 8 |
| TanStack Start | 9 |
| React Router | 23 |
| SolidStart | 25 |
| Astro | 52 |
| Nuxt | 66 |
The chart includes a dotted median reference line calculated from the visible framework values.
Meta-framework Direct Packages
Section titled “Meta-framework Direct Packages”Next, we look at the direct framework-maintained packages that each starter declares. This excludes the starter’s third-party setup packages.
| Framework | Deps Dev / Prod | All Deps | Dup. Deps | Graph |
|---|---|---|---|---|
| Astro | 1 / 1 | 335 | 16 | View |
| Next.js | 1 / 1 | 388 | 12 | View |
| Nuxt | 0 / 1 | 611 | 55 | View |
| Pracht | 2 / 2 | 218 | 4 | View |
| React Router | 1 / 3 | 223 | 5 | View |
| SolidStart | 0 / 4 | 210 | 4 | View |
| SvelteKit | 5 / 0 | 108 | 1 | View |
| TanStack Start | 1 / 7 | 195 | 3 | View |
| Framework | Dependency count |
|---|---|
| SvelteKit | 108 |
| TanStack Start | 195 |
| SolidStart | 210 |
| Pracht | 218 |
| React Router | 223 |
| Astro | 335 |
| Next.js | 388 |
| Nuxt | 611 |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Dependency count |
|---|---|
| Nuxt | 0 |
| SolidStart | 0 |
| Astro | 1 |
| Next.js | 1 |
| React Router | 1 |
| TanStack Start | 1 |
| Pracht | 2 |
| SvelteKit | 5 |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Dependency count |
|---|---|
| SvelteKit | 0 |
| Astro | 1 |
| Next.js | 1 |
| Nuxt | 1 |
| Pracht | 2 |
| React Router | 3 |
| SolidStart | 4 |
| TanStack Start | 7 |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Dependency count |
|---|---|
| SvelteKit | 1 |
| TanStack Start | 3 |
| Pracht | 4 |
| SolidStart | 4 |
| React Router | 5 |
| Next.js | 12 |
| Astro | 16 |
| Nuxt | 55 |
The chart includes a dotted median reference line calculated from the visible framework values.
Starter Projects
Section titled “Starter Projects”Finally, we look at the complete dependency footprint of the default starter project, including third-party packages selected by its CLI or documented setup.
| Framework | Deps Dev / Prod | All Deps | Dup. Deps | node_modules | Dep Install Size | Graph |
|---|---|---|---|---|---|---|
| Astro | 2 / 1 | 335 | 16 | 204.43MB | 172.24MB | View |
| Next.js | 6 / 3 | 424 | 12 | 463.61MB | 405.32MB | View |
| Nuxt | 3 / 3 | 611 | 55 | 222.79MB | 190.59MB | View |
| Pracht | 6 / 2 | 239 | 4 | 132.56MB | 109.29MB | View |
| React Router | 9 / 6 | 250 | 6 | 108.68MB | 102.51MB | View |
| SolidStart | 1 / 6 | 242 | 5 | 128.50MB | 104.51MB | View |
| SvelteKit | 8 / 0 | 108 | 1 | 88.32MB | 92.09MB | View |
| TanStack Start | 12 / 14 | 331 | 37 | 272.60MB | 228.67MB | View |
| Framework | Dependencies |
|---|---|
| SolidStart | 1 |
| Astro | 2 |
| Nuxt | 3 |
| Next.js | 6 |
| Pracht | 6 |
| SvelteKit | 8 |
| React Router | 9 |
| TanStack Start | 12 |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Dependencies |
|---|---|
| SvelteKit | 0 |
| Astro | 1 |
| Pracht | 2 |
| Next.js | 3 |
| Nuxt | 3 |
| React Router | 6 |
| SolidStart | 6 |
| TanStack Start | 14 |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Duplicates |
|---|---|
| SvelteKit | 1 |
| Pracht | 4 |
| SolidStart | 5 |
| React Router | 6 |
| Next.js | 12 |
| Astro | 16 |
| TanStack Start | 37 |
| Nuxt | 55 |
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.
| Framework | MB |
|---|---|
| SvelteKit | 88.32 MB |
| React Router | 108.68 MB |
| SolidStart | 128.50 MB |
| Pracht | 132.56 MB |
| Astro | 204.43 MB |
| Nuxt | 222.79 MB |
| TanStack Start | 272.60 MB |
| Next.js | 463.61 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 |
|---|---|---|---|---|---|
| Astro | 3.81s | 1.82s | 4.74s | 0.94s | 0.98s |
| Next.js | 5.43s | 2.71s | 6.28s | 6.05s | 2.33s |
| Nuxt | 4.75s | 2.78s | 5.64s | 3.95s | 3.77s |
| Pracht | 2.08s | 1.59s | 2.34s | 0.78s | 0.82s |
| React Router | 1.67s | 1.28s | 1.81s | 1.85s | 1.86s |
| SolidStart | 1.91s | 1.49s | 2.27s | 3.01s | 2.92s |
| SvelteKit | 1.51s | 1.33s | 1.59s | 1.80s | 1.65s |
| TanStack Start | 4.90s | 2.13s | 5.71s | 2.15s | 1.94s |
| Framework | Seconds |
|---|---|
| SvelteKit | 1.51s |
| React Router | 1.67s |
| SolidStart | 1.91s |
| Pracht | 2.08s |
| Astro | 3.81s |
| Nuxt | 4.75s |
| TanStack Start | 4.90s |
| Next.js | 5.43s |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Seconds |
|---|---|
| Pracht | 0.78s |
| Astro | 0.94s |
| SvelteKit | 1.80s |
| React Router | 1.85s |
| TanStack Start | 2.15s |
| SolidStart | 3.01s |
| Nuxt | 3.95s |
| Next.js | 6.05s |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Seconds |
|---|---|
| Pracht | 0.82s |
| Astro | 0.98s |
| SvelteKit | 1.65s |
| React Router | 1.86s |
| TanStack Start | 1.94s |
| Next.js | 2.33s |
| SolidStart | 2.92s |
| Nuxt | 3.77s |
The chart includes a dotted median reference line calculated from the visible framework values.
Dev Server Startup
Section titled “Dev Server Startup”Methodology: Dev Server Startup.
| Framework | Avg Start | Min Start | Max Start |
|---|---|---|---|
| Astro | 1.64s | 1.46s | 1.79s |
| Next.js | 2.57s | 2.39s | 2.96s |
| Nuxt | 2.65s | 2.60s | 2.72s |
| Pracht | 0.97s | 0.88s | 1.27s |
| React Router | 1.04s | 1.01s | 1.08s |
| SolidStart | 2.70s | 2.63s | 2.76s |
| SvelteKit | 1.36s | 1.29s | 1.47s |
| TanStack Start | 1.89s | 1.73s | 2.31s |
| Framework | Seconds |
|---|---|
| Pracht | 0.97s |
| React Router | 1.04s |
| SvelteKit | 1.36s |
| Astro | 1.64s |
| TanStack Start | 1.89s |
| Next.js | 2.57s |
| Nuxt | 2.65s |
| SolidStart | 2.70s |
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 | Core-JS detected | Matching JS files | Modules not needed by target browsers |
|---|---|---|---|
| Astro | No | — | — |
| Next.js | Yes | 110.0 KB | 302 |
| Nuxt | No | — | — |
| Pracht | No | — | — |
| React Router | No | — | — |
| SolidStart | No | — | — |
| SvelteKit | No | — | — |
| TanStack Start | No | — | — |
Browser Baseline
Section titled “Browser Baseline”Methodology: Browser Baseline.
| Framework | Baseline | Feature | Year | Features |
|---|---|---|---|---|
| Astro | — | — | — | 0 |
| Next.js | High | — | 2022 | 47 |
| Nuxt | High | — | 2023 | 42 |
| Pracht | High | — | 2020 | 37 |
| React Router | High | — | 2022 | 44 |
| SolidStart | High | — | 2020 | 33 |
| SvelteKit | Limited | temporal | — | 48 |
| TanStack Start | Limited | temporal | — | 49 |
Minimum Node Version
Section titled “Minimum Node Version”Methodology: Minimum Node Version.
| Framework | Min Node | Set by |
|---|---|---|
| Astro | v22.22.0 | @astrojs/prism, @astrojs/telemetry, astro |
| Next.js | v20.19.0 | eslint-visitor-keys |
| Nuxt | v22.22.3 | @nuxt/nitro-server, @nuxt/vite-builder, @nuxt/vite-server, cssnano, nuxt, postcss-calc |
| Pracht | v22.18.0 | @pracht/adapter-node, @pracht/capabilities, @pracht/cli, @pracht/core, @pracht/preact-ssr-precompile, @pracht/vite-plugin |
| React Router | v22.22.0 | @react-router/dev, @react-router/express, @react-router/node, @react-router/serve, react-router |
| SolidStart | v24.0.0 | @solidjs/start, starter-solid-start |
| SvelteKit | v22.17.0 | @sveltejs/kit |
| TanStack Start | v22.22.2 | @asamuzakjp/css-color, @asamuzakjp/dom-selector, jsdom, w3c-xmlserializer |
Run Time
Section titled “Run Time”Runtime apps implement comparable benchmark routes across frameworks. See Default Benchmark Setup for the shared environment and each framework’s build tool and adapter. Test-specific differences are documented in the linked methodology sections below.
Client Side Rendered Tests
Section titled “Client Side Rendered Tests”Methodology: Client Side Rendered Tests.
Some frameworks have been moved off their golden path to make client side tests fair when comparing. See the methodology link above for the full details.
| Framework | First Paint | FCP | Interaction Latency | Input Delay | Processing Duration | Presentation Delay |
|---|---|---|---|---|---|---|
| Astro | 90ms | 90.159ms | 2.619ms | 1.936ms | 0.682ms | 0ms |
| Next.js | 343ms | 343.077ms | 18.826ms | 1.527ms | 4.857ms | 12.441ms |
| Nuxt | 167.4ms | 167.412ms | 12.162ms | 0.731ms | 1.266ms | 10.165ms |
| Pracht | 105.2ms | 105.205ms | 19.42ms | 1.134ms | 3.231ms | 15.054ms |
| React Router | 158.6ms | 158.699ms | 18.917ms | 1.524ms | 3.161ms | 14.231ms |
| SolidStart | 100ms | 100.189ms | 18.006ms | 1.012ms | 2.603ms | 14.39ms |
| SvelteKit | 107ms | 107.029ms | 15.584ms | 0.842ms | 2.607ms | 12.136ms |
| TanStack Start | 121.2ms | 121.141ms | 19.335ms | 1.422ms | 3.45ms | 14.463ms |
| Framework | Milliseconds |
|---|---|
| Astro | 90.00 ms |
| SolidStart | 100.00 ms |
| Pracht | 105.20 ms |
| SvelteKit | 107.00 ms |
| TanStack Start | 121.20 ms |
| React Router | 158.60 ms |
| Nuxt | 167.40 ms |
| Next.js | 343.00 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Milliseconds |
|---|---|
| Astro | 90.16 ms |
| SolidStart | 100.19 ms |
| Pracht | 105.21 ms |
| SvelteKit | 107.03 ms |
| TanStack Start | 121.14 ms |
| React Router | 158.70 ms |
| Nuxt | 167.41 ms |
| Next.js | 343.08 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
Interaction Breakdown
Total latency is split into the three consecutive phases reported by Lighthouse.
- The input delay, which starts when the user initiates an interaction with the page, and ends when the event callbacks for the interaction begin to run.
- The processing duration, which consists of the time it takes for event callbacks to run to completion.
- The presentation delay, which is the time it takes for the browser to present the next frame which contains the visual result of the interaction.
| Framework or version | Interaction latency | Input delay | Processing duration | Presentation delay |
|---|---|---|---|---|
| Astro | 2.62 ms | 1.94 ms | 0.68 ms | 0.00 ms |
| Nuxt | 12.16 ms | 0.73 ms | 1.27 ms | 10.17 ms |
| SvelteKit | 15.58 ms | 0.84 ms | 2.61 ms | 12.14 ms |
| SolidStart | 18.01 ms | 1.01 ms | 2.60 ms | 14.39 ms |
| Next.js | 18.83 ms | 1.53 ms | 4.86 ms | 12.44 ms |
| React Router | 18.92 ms | 1.52 ms | 3.16 ms | 14.23 ms |
| TanStack Start | 19.33 ms | 1.42 ms | 3.45 ms | 14.46 ms |
| Pracht | 19.42 ms | 1.13 ms | 3.23 ms | 15.05 ms |
Server Side Rendered Tests
Section titled “Server Side Rendered Tests”Methodology: Server Side Rendered Tests.
| Framework | First Paint | FCP | Interaction Latency | Input Delay | Processing Duration | Presentation Delay |
|---|---|---|---|---|---|---|
| Astro | 70.6ms | 70.807ms | 4.524ms | 0.616ms | 0.848ms | 3.06ms |
| Next.js | 381.6ms | 381.451ms | 20.886ms | 1.558ms | 5.389ms | 13.939ms |
| Nuxt | 143.4ms | 143.528ms | 12.3ms | 0.874ms | 1.415ms | 10.012ms |
| Pracht | 74.6ms | 74.643ms | 18.283ms | 0.719ms | 1.945ms | 15.619ms |
| React Router | 103.2ms | 103.113ms | 18.51ms | 1.439ms | 2.939ms | 14.132ms |
| SolidStart | 84.2ms | 84.105ms | 12.425ms | 0.92ms | 2.622ms | 8.883ms |
| SvelteKit | 78.8ms | 78.974ms | 17.888ms | 0.819ms | 2.297ms | 14.773ms |
| TanStack Start | 88.8ms | 88.888ms | 24.904ms | 1.574ms | 4.123ms | 19.207ms |
| Framework | Milliseconds |
|---|---|
| Astro | 70.60 ms |
| Pracht | 74.60 ms |
| SvelteKit | 78.80 ms |
| SolidStart | 84.20 ms |
| TanStack Start | 88.80 ms |
| React Router | 103.20 ms |
| Nuxt | 143.40 ms |
| Next.js | 381.60 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Milliseconds |
|---|---|
| Astro | 70.81 ms |
| Pracht | 74.64 ms |
| SvelteKit | 78.97 ms |
| SolidStart | 84.10 ms |
| TanStack Start | 88.89 ms |
| React Router | 103.11 ms |
| Nuxt | 143.53 ms |
| Next.js | 381.45 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
Interaction Breakdown
Total latency is split into the three consecutive phases reported by Lighthouse.
- The input delay, which starts when the user initiates an interaction with the page, and ends when the event callbacks for the interaction begin to run.
- The processing duration, which consists of the time it takes for event callbacks to run to completion.
- The presentation delay, which is the time it takes for the browser to present the next frame which contains the visual result of the interaction.
| Framework or version | Interaction latency | Input delay | Processing duration | Presentation delay |
|---|---|---|---|---|
| Astro | 4.52 ms | 0.62 ms | 0.85 ms | 3.06 ms |
| Nuxt | 12.30 ms | 0.87 ms | 1.41 ms | 10.01 ms |
| SolidStart | 12.43 ms | 0.92 ms | 2.62 ms | 8.88 ms |
| SvelteKit | 17.89 ms | 0.82 ms | 2.30 ms | 14.77 ms |
| Pracht | 18.28 ms | 0.72 ms | 1.95 ms | 15.62 ms |
| React Router | 18.51 ms | 1.44 ms | 2.94 ms | 14.13 ms |
| Next.js | 20.89 ms | 1.56 ms | 5.39 ms | 13.94 ms |
| TanStack Start | 24.90 ms | 1.57 ms | 4.12 ms | 19.21 ms |
Server Side Throughput Tests
Section titled “Server Side Throughput Tests”Methodology: Server Side Throughput Tests.
| Framework | Ops/sec | Mean Latency | Body Size | Duplication |
|---|---|---|---|---|
| Baseline HTML | 827 | 1.223ms | 96.83kb | 1x |
| Astro | 773 | 1.391ms | 96.89kb | 1x |
| Next.js | 137 | 7.556ms | 204.56kb | 2x |
| Nuxt | 401 | 2.586ms | 201.73kb | 2x |
| Pracht | 591 | 1.77ms | 187.02kb | 2x |
| React Router | 353 | 2.86ms | 216.98kb | 2x |
| SolidStart | 383 | 2.705ms | 224.26kb | 2x |
| SvelteKit | 460 | 2.211ms | 184.3kb | 2x |
| TanStack Start | 381 | 2.654ms | 192.53kb | 2x |
| Framework | Operations per second |
|---|---|
| Baseline HTML | 827 |
| Astro | 773 |
| Pracht | 591 |
| SvelteKit | 460 |
| Nuxt | 401 |
| SolidStart | 383 |
| TanStack Start | 381 |
| React Router | 353 |
| Next.js | 137 |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Kilobytes |
|---|---|
| Baseline HTML | 96.83 KB |
| Astro | 96.89 KB |
| SvelteKit | 184.30 KB |
| Pracht | 187.02 KB |
| TanStack Start | 192.53 KB |
| Nuxt | 201.73 KB |
| Next.js | 204.56 KB |
| React Router | 216.98 KB |
| SolidStart | 224.26 KB |
The chart includes a dotted median reference line calculated from the visible framework values.
Arithmetic mean of measured run average latencies.
| Framework | Milliseconds |
|---|---|
| Baseline HTML | 1.22 ms |
| Astro | 1.39 ms |
| Pracht | 1.77 ms |
| SvelteKit | 2.21 ms |
| Nuxt | 2.59 ms |
| TanStack Start | 2.65 ms |
| SolidStart | 2.71 ms |
| React Router | 2.86 ms |
| Next.js | 7.56 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
SSR Load Test
Section titled “SSR Load Test”Methodology: SSR Load Test.
Each runtime app renders the same 1,000-row, three-column table using ordinary
<a> links. This compares server rendering under HTTP load without the extra work
of rendering framework router link components. Requests still pass through each
framework’s server routing. No browser runs and no links are clicked.
| Framework | Representative peak req/s | Representative peak connections | Mean sweep P99 @ 25 | Mean sweep P99 @ 50 | Mean sweep P99 @ 100 | Total measured requests |
|---|---|---|---|---|---|---|
| Baseline HTML | 1,730 | 100 | 17.333ms | 37.333ms | 100.667ms | 154,380 |
| Astro | 1,596 | 100 | 24.333ms | 47.667ms | 97ms | 141,863 |
| Next.js | 54.2 | 5 | 1,255.667ms | 4,235ms | 4,643.333ms | 4,874 |
| Nuxt | 495.6 | 25 | 78.333ms | 305.333ms | 2,866ms | 48,979 |
| Pracht | 694 | 50 | 40.667ms | 121ms | 855.333ms | 65,073 |
| React Router | 344.6 | 10 | 100.667ms | 489ms | 3,455.333ms | 33,583 |
| SolidStart | 562 | 25 | 87.667ms | 289.333ms | 1,975.667ms | 55,114 |
| SvelteKit | 600.4 | 25 | 73.667ms | 198.667ms | 2,101.333ms | 57,490 |
| TanStack Start | 400.6 | 10 | 112ms | 571ms | 2,589.667ms | 39,240 |
P99 Latency
Section titled “P99 Latency”| Framework | Milliseconds |
|---|---|
| Baseline HTML | 17.33 ms |
| Astro | 24.33 ms |
| Pracht | 40.67 ms |
| SvelteKit | 73.67 ms |
| Nuxt | 78.33 ms |
| SolidStart | 87.67 ms |
| React Router | 100.67 ms |
| TanStack Start | 112.00 ms |
| Next.js | 1255.67 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Milliseconds |
|---|---|
| Baseline HTML | 37.33 ms |
| Astro | 47.67 ms |
| Pracht | 121.00 ms |
| SvelteKit | 198.67 ms |
| SolidStart | 289.33 ms |
| Nuxt | 305.33 ms |
| React Router | 489.00 ms |
| TanStack Start | 571.00 ms |
| Next.js | 4235.00 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Milliseconds |
|---|---|
| Astro | 97.00 ms |
| Baseline HTML | 100.67 ms |
| Pracht | 855.33 ms |
| SolidStart | 1975.67 ms |
| SvelteKit | 2101.33 ms |
| TanStack Start | 2589.67 ms |
| Nuxt | 2866.00 ms |
| React Router | 3455.33 ms |
| Next.js | 4643.33 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
P90 Latency
Section titled “P90 Latency”| Framework | Milliseconds |
|---|---|
| Baseline HTML | 16.33 ms |
| Astro | 17.00 ms |
| Pracht | 37.00 ms |
| Nuxt | 50.67 ms |
| SvelteKit | 53.00 ms |
| SolidStart | 64.00 ms |
| React Router | 76.67 ms |
| TanStack Start | 84.67 ms |
| Next.js | 514.00 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Milliseconds |
|---|---|
| Baseline HTML | 30.33 ms |
| Astro | 32.00 ms |
| Pracht | 73.33 ms |
| Nuxt | 113.33 ms |
| SvelteKit | 118.67 ms |
| SolidStart | 139.00 ms |
| React Router | 155.33 ms |
| TanStack Start | 177.67 ms |
| Next.js | 1804.67 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Milliseconds |
|---|---|
| Astro | 63.33 ms |
| Baseline HTML | 72.67 ms |
| SolidStart | 138.67 ms |
| Pracht | 147.00 ms |
| SvelteKit | 182.33 ms |
| Nuxt | 187.33 ms |
| TanStack Start | 227.67 ms |
| React Router | 284.67 ms |
| Next.js | 2296.33 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
P75 Latency
Section titled “P75 Latency”| Framework | Milliseconds |
|---|---|
| Baseline HTML | 15.00 ms |
| Astro | 16.00 ms |
| Pracht | 36.00 ms |
| SvelteKit | 42.33 ms |
| Nuxt | 49.33 ms |
| SolidStart | 54.67 ms |
| TanStack Start | 66.00 ms |
| React Router | 74.00 ms |
| Next.js | 489.00 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Milliseconds |
|---|---|
| Baseline HTML | 29.67 ms |
| Astro | 31.33 ms |
| Pracht | 72.67 ms |
| SolidStart | 88.33 ms |
| SvelteKit | 96.33 ms |
| Nuxt | 100.00 ms |
| TanStack Start | 136.33 ms |
| React Router | 149.00 ms |
| Next.js | 981.00 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Milliseconds |
|---|---|
| Baseline HTML | 58.67 ms |
| Astro | 61.67 ms |
| SolidStart | 119.67 ms |
| Pracht | 144.33 ms |
| SvelteKit | 145.33 ms |
| Nuxt | 169.67 ms |
| TanStack Start | 182.67 ms |
| React Router | 265.67 ms |
| Next.js | 973.00 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
SSR Router Link Load Test
Section titled “SSR Router Link Load Test”Methodology: SSR Router Link Load Test.
The same load test using framework router link components, showing how rendering those components affects server performance compared with ordinary HTML links.
| Framework | Representative peak req/s | Representative peak connections | Mean sweep P99 @ 25 | Mean sweep P99 @ 50 | Mean sweep P99 @ 100 | Total measured requests |
|---|---|---|---|---|---|---|
| Next.js | 49.6 | 5 | 1,359ms | 4,629.333ms | 4,668ms | 4,422 |
| Nuxt | 182.4 | 5 | 443ms | 2,731.667ms | 3,715ms | 17,744 |
| Pracht | 328.4 | 50 | 95ms | 490.667ms | 3,407.333ms | 32,322 |
| React Router | 178.2 | 10 | 226ms | 1,541.667ms | 3,840ms | 17,895 |
| TanStack Start | 252.2 | 50 | 181.333ms | 1,685.667ms | 2,974.333ms | 25,392 |
P99 Latency
Section titled “P99 Latency”| Framework | Milliseconds |
|---|---|
| Pracht | 95.00 ms |
| TanStack Start | 181.33 ms |
| React Router | 226.00 ms |
| Nuxt | 443.00 ms |
| Next.js | 1359.00 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Milliseconds |
|---|---|
| Pracht | 490.67 ms |
| React Router | 1541.67 ms |
| TanStack Start | 1685.67 ms |
| Nuxt | 2731.67 ms |
| Next.js | 4629.33 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Milliseconds |
|---|---|
| TanStack Start | 2974.33 ms |
| Pracht | 3407.33 ms |
| Nuxt | 3715.00 ms |
| React Router | 3840.00 ms |
| Next.js | 4668.00 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
P90 Latency
Section titled “P90 Latency”| Framework | Milliseconds |
|---|---|
| Pracht | 83.67 ms |
| TanStack Start | 129.67 ms |
| Nuxt | 145.00 ms |
| React Router | 146.00 ms |
| Next.js | 556.00 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Milliseconds |
|---|---|
| Pracht | 163.00 ms |
| TanStack Start | 242.33 ms |
| React Router | 278.33 ms |
| Nuxt | 301.33 ms |
| Next.js | 2193.33 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Milliseconds |
|---|---|
| Pracht | 291.33 ms |
| Nuxt | 315.67 ms |
| TanStack Start | 320.67 ms |
| React Router | 402.00 ms |
| Next.js | 2425.67 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
P75 Latency
Section titled “P75 Latency”| Framework | Milliseconds |
|---|---|
| Pracht | 79.33 ms |
| TanStack Start | 106.33 ms |
| React Router | 138.00 ms |
| Nuxt | 138.33 ms |
| Next.js | 523.33 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Milliseconds |
|---|---|
| Pracht | 156.00 ms |
| TanStack Start | 199.33 ms |
| React Router | 274.67 ms |
| Nuxt | 291.67 ms |
| Next.js | 1069.67 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
| Framework | Milliseconds |
|---|---|
| TanStack Start | 231.33 ms |
| Pracht | 268.00 ms |
| Nuxt | 293.00 ms |
| React Router | 369.33 ms |
| Next.js | 1018.00 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
Core Web Vitals
Section titled “Core Web Vitals”Methodology: Core Web Vitals.
CWV Desktop
Section titled “CWV Desktop”| Framework | LCP% | CLS% | FCP% | TTFB% | INP% |
|---|---|---|---|---|---|
| Astro | 93 | 89 | 92 | 81 | 98 |
| SolidStart | 100 | 77 | 100 | 85 | 100 |
| SvelteKit | 79 | 78 | 77 | 68 | 95 |
| Next.js | 74 | 72 | 76 | 66 | 94 |
| TanStack Start | 55 | 81 | 46 | 29 | 91 |
| Nuxt | 68 | 58 | 69 | 59 | 96 |
| React Router | 59 | 61 | 65 | 68 | 90 |
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 | 100 |
| Astro | 93 |
| SvelteKit | 79 |
| Next.js | 74 |
| Nuxt | 68 |
| React Router | 59 |
| TanStack Start | 55 |
The chart includes a dotted median reference line calculated from the visible framework values.
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 | 89 |
| TanStack Start | 81 |
| SvelteKit | 78 |
| SolidStart | 77 |
| Next.js | 72 |
| React Router | 61 |
| Nuxt | 58 |
The chart includes a dotted median reference line calculated from the visible framework values.
Measures initial loading speed. To provide a good user experience, the FCP should be 1.8 seconds or less.
| Framework | % |
|---|---|
| SolidStart | 100 |
| Astro | 92 |
| SvelteKit | 77 |
| Next.js | 76 |
| Nuxt | 69 |
| React Router | 65 |
| TanStack Start | 46 |
The chart includes a dotted median reference line calculated from the visible framework values.
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 | 85 |
| Astro | 81 |
| React Router | 68 |
| SvelteKit | 68 |
| Next.js | 66 |
| Nuxt | 59 |
| TanStack Start | 29 |
The chart includes a dotted median reference line calculated from the visible framework values.
Measures overall page responsiveness to user actions. To provide a good user experience, the INP should be 200ms or less.
| Framework | % |
|---|---|
| SolidStart | 100 |
| Astro | 98 |
| Nuxt | 96 |
| SvelteKit | 95 |
| Next.js | 94 |
| TanStack Start | 91 |
| 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 | 80 | 93 | 73 | 64 | 85 |
| SolidStart | 88 | 66 | 88 | 85 | 75 |
| SvelteKit | 67 | 81 | 58 | 54 | 74 |
| Next.js | 53 | 72 | 48 | 45 | 59 |
| Nuxt | 46 | 59 | 44 | 46 | 65 |
| React Router | 37 | 63 | 37 | 50 | 53 |
| TanStack Start | 31 | 84 | 19 | 13 | 51 |
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 | 88 |
| Astro | 80 |
| SvelteKit | 67 |
| Next.js | 53 |
| Nuxt | 46 |
| React Router | 37 |
| TanStack Start | 31 |
The chart includes a dotted median reference line calculated from the visible framework values.
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 | 93 |
| TanStack Start | 84 |
| SvelteKit | 81 |
| Next.js | 72 |
| SolidStart | 66 |
| React Router | 63 |
| Nuxt | 59 |
The chart includes a dotted median reference line calculated from the visible framework values.
Measures initial loading speed. To provide a good user experience, the FCP should be 1.8 seconds or less.
| Framework | % |
|---|---|
| SolidStart | 88 |
| Astro | 73 |
| SvelteKit | 58 |
| Next.js | 48 |
| Nuxt | 44 |
| React Router | 37 |
| TanStack Start | 19 |
The chart includes a dotted median reference line calculated from the visible framework values.
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 | 85 |
| Astro | 64 |
| SvelteKit | 54 |
| React Router | 50 |
| Nuxt | 46 |
| Next.js | 45 |
| TanStack Start | 13 |
The chart includes a dotted median reference line calculated from the visible framework values.
Measures overall page responsiveness to user actions. To provide a good user experience, the INP should be 200ms or less.
| Framework | % |
|---|---|
| Astro | 85 |
| SolidStart | 75 |
| SvelteKit | 74 |
| Nuxt | 65 |
| Next.js | 59 |
| React Router | 53 |
| TanStack Start | 51 |
The chart includes a dotted median reference line calculated from the visible framework values.