Run Time Stats
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 | 95.4ms | 95.42ms | 5.67ms | 2.53ms | 0.45ms | 2.69ms |
| Next.js | 338.2ms | 338.2ms | 16.44ms | 1.14ms | 6.47ms | 8.84ms |
| Nuxt | 155ms | 154.9ms | 9.43ms | 0.52ms | 2.18ms | 6.73ms |
| React Router | 158.2ms | 158.17ms | 16.8ms | 1.55ms | 2.9ms | 12.35ms |
| SolidStart | 102.2ms | 102.33ms | 15.05ms | 0.8ms | 2.5ms | 11.75ms |
| SvelteKit | 122.8ms | 122.75ms | 15.05ms | 0.71ms | 3.75ms | 10.59ms |
| TanStack Start | 140ms | 140.04ms | 22.68ms | 1.29ms | 12.5ms | 8.89ms |
First Paint (ms)
| Framework | Milliseconds |
|---|---|
| Astro | 95.40 ms |
| SolidStart | 102.20 ms |
| SvelteKit | 122.80 ms |
| TanStack Start | 140.00 ms |
| Nuxt | 155.00 ms |
| React Router | 158.20 ms |
| Next.js | 338.20 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
First Contentful Paint (ms)
| Framework | Milliseconds |
|---|---|
| Astro | 95.42 ms |
| SolidStart | 102.33 ms |
| SvelteKit | 122.75 ms |
| TanStack Start | 140.04 ms |
| Nuxt | 154.90 ms |
| React Router | 158.17 ms |
| Next.js | 338.20 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 | 5.67 ms | 2.53 ms | 0.45 ms | 2.69 ms |
| Nuxt | 9.43 ms | 0.52 ms | 2.18 ms | 6.73 ms |
| SolidStart | 15.05 ms | 0.80 ms | 2.50 ms | 11.75 ms |
| SvelteKit | 15.05 ms | 0.71 ms | 3.75 ms | 10.59 ms |
| Next.js | 16.44 ms | 1.14 ms | 6.47 ms | 8.84 ms |
| React Router | 16.80 ms | 1.55 ms | 2.90 ms | 12.35 ms |
| TanStack Start | 22.68 ms | 1.29 ms | 12.50 ms | 8.89 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 | 67.8ms | 67.84ms | 1.37ms | 0.67ms | 0.7ms | 0ms |
| Mastro | 77.8ms | 77.71ms | 1.85ms | 1.53ms | 0.31ms | 0ms |
| Next.js | 143.2ms | 143.07ms | 16.76ms | 1.21ms | 7.52ms | 8.04ms |
| Nuxt | 98.2ms | 98.09ms | 9.82ms | 0.49ms | 1.25ms | 8.07ms |
| React Router | 102.4ms | 102.36ms | 17ms | 1.37ms | 2.41ms | 13.23ms |
| SolidStart | 92.2ms | 92.38ms | 16.14ms | 0.82ms | 2.53ms | 12.79ms |
| SvelteKit | 89.2ms | 89.1ms | 14.72ms | 1.62ms | 3.51ms | 9.59ms |
| TanStack Start | 118.2ms | 118.4ms | 26.17ms | 1.61ms | 14.54ms | 10.02ms |
First Paint (ms)
| Framework | Milliseconds |
|---|---|
| Astro | 67.80 ms |
| Mastro | 77.80 ms |
| SvelteKit | 89.20 ms |
| SolidStart | 92.20 ms |
| Nuxt | 98.20 ms |
| React Router | 102.40 ms |
| TanStack Start | 118.20 ms |
| Next.js | 143.20 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
First Contentful Paint (ms)
| Framework | Milliseconds |
|---|---|
| Astro | 67.84 ms |
| Mastro | 77.71 ms |
| SvelteKit | 89.10 ms |
| SolidStart | 92.38 ms |
| Nuxt | 98.09 ms |
| React Router | 102.36 ms |
| TanStack Start | 118.40 ms |
| Next.js | 143.07 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 | 1.37 ms | 0.67 ms | 0.70 ms | 0.00 ms |
| Mastro | 1.85 ms | 1.53 ms | 0.31 ms | 0.00 ms |
| Nuxt | 9.82 ms | 0.49 ms | 1.25 ms | 8.07 ms |
| SvelteKit | 14.72 ms | 1.62 ms | 3.51 ms | 9.59 ms |
| SolidStart | 16.14 ms | 0.82 ms | 2.53 ms | 12.79 ms |
| Next.js | 16.76 ms | 1.21 ms | 7.52 ms | 8.04 ms |
| React Router | 17.00 ms | 1.37 ms | 2.41 ms | 13.23 ms |
| TanStack Start | 26.17 ms | 1.61 ms | 14.54 ms | 10.02 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 | 851 | 1.198ms | 96.83kb | 1x |
| Astro | 661 | 1.451ms | 96.89kb | 1x |
| Mastro | 345 | 2.866ms | 327.46kb | 1.5x |
| Next.js | 236 | 4.46ms | 199.52kb | 2x |
| Nuxt | 361 | 2.658ms | 201.27kb | 2x |
| React Router | 338 | 2.886ms | 211.63kb | 2x |
| SolidStart | 422 | 2.283ms | 224.17kb | 2x |
| SvelteKit | 454 | 2.13ms | 183.53kb | 2x |
| TanStack Start | 323 | 3.036ms | 193.62kb | 2x |
Ops/sec
| Framework | Operations per second |
|---|---|
| Baseline HTML | 851 |
| Astro | 661 |
| SvelteKit | 454 |
| SolidStart | 422 |
| Nuxt | 361 |
| Mastro | 345 |
| React Router | 338 |
| TanStack Start | 323 |
| Next.js | 236 |
The chart includes a dotted median reference line calculated from the visible framework values.
Body Size
| Framework | Kilobytes |
|---|---|
| Baseline HTML | 96.83 KB |
| Astro | 96.89 KB |
| SvelteKit | 183.53 KB |
| TanStack Start | 193.62 KB |
| Next.js | 199.52 KB |
| Nuxt | 201.27 KB |
| React Router | 211.63 KB |
| SolidStart | 224.17 KB |
| Mastro | 327.46 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.45 ms |
| SvelteKit | 2.13 ms |
| SolidStart | 2.28 ms |
| Nuxt | 2.66 ms |
| Mastro | 2.87 ms |
| React Router | 2.89 ms |
| TanStack Start | 3.04 ms |
| Next.js | 4.46 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,642 | 200 | 17ms | 46ms | 100ms | 49,088 |
| Astro | 1,222 | 100 | 30ms | 66ms | 279ms | 36,185 |
| Mastro | 582.6 | 25 | 44ms | 112ms | 1431ms | 18,499 |
| Next.js | 42 | 5 | 1946ms | 4807ms | 4672ms | 1,162 |
| Nuxt | 73 | 10 | 1886ms | 4109ms | 4111ms | 2,385 |
| React Router | 175.8 | 25 | 213ms | 1637ms | 3959ms | 5,829 |
| SolidStart | 537.4 | 25 | 101ms | 170ms | 2083ms | 17,413 |
| SvelteKit | 504 | 25 | 83ms | 226ms | 2404ms | 15,921 |
| TanStack Start | 43.8 | 5 | 3567ms | 4090ms | 4593ms | 1,353 |
P99 Latency
Section titled “P99 Latency”P99 Latency at 25 Connections
| Framework | Milliseconds |
|---|---|
| Baseline HTML | 17.00 ms |
| Astro | 30.00 ms |
| Mastro | 44.00 ms |
| SvelteKit | 83.00 ms |
| SolidStart | 101.00 ms |
| React Router | 213.00 ms |
| Nuxt | 1886.00 ms |
| Next.js | 1946.00 ms |
| TanStack Start | 3567.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 | 46.00 ms |
| Astro | 66.00 ms |
| Mastro | 112.00 ms |
| SolidStart | 170.00 ms |
| SvelteKit | 226.00 ms |
| React Router | 1637.00 ms |
| TanStack Start | 4090.00 ms |
| Nuxt | 4109.00 ms |
| Next.js | 4807.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 | 279.00 ms |
| Mastro | 1431.00 ms |
| SolidStart | 2083.00 ms |
| SvelteKit | 2404.00 ms |
| React Router | 3959.00 ms |
| Nuxt | 4111.00 ms |
| TanStack Start | 4593.00 ms |
| Next.js | 4672.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 | 23.00 ms |
| Mastro | 44.00 ms |
| SvelteKit | 59.00 ms |
| SolidStart | 66.00 ms |
| React Router | 147.00 ms |
| Nuxt | 342.00 ms |
| Next.js | 712.00 ms |
| TanStack Start | 731.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 | 31.00 ms |
| Astro | 45.00 ms |
| Mastro | 86.00 ms |
| SvelteKit | 142.00 ms |
| SolidStart | 147.00 ms |
| React Router | 306.00 ms |
| Nuxt | 480.00 ms |
| TanStack Start | 898.00 ms |
| Next.js | 2450.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 | 77.00 ms |
| Astro | 81.00 ms |
| SolidStart | 177.00 ms |
| Mastro | 181.00 ms |
| SvelteKit | 255.00 ms |
| React Router | 390.00 ms |
| Nuxt | 500.00 ms |
| TanStack Start | 1362.00 ms |
| Next.js | 2764.00 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
P75 Latency
Section titled “P75 Latency”P75 Latency at 25 Connections
| Framework | Milliseconds |
|---|---|
| Baseline HTML | 16.00 ms |
| Astro | 21.00 ms |
| Mastro | 43.00 ms |
| SvelteKit | 53.00 ms |
| SolidStart | 56.00 ms |
| React Router | 142.00 ms |
| Nuxt | 336.00 ms |
| TanStack Start | 563.00 ms |
| Next.js | 693.00 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
P75 Latency at 50 Connections
| Framework | Milliseconds |
|---|---|
| Baseline HTML | 31.00 ms |
| Astro | 43.00 ms |
| Mastro | 85.00 ms |
| SolidStart | 92.00 ms |
| SvelteKit | 115.00 ms |
| React Router | 278.00 ms |
| Nuxt | 438.00 ms |
| TanStack Start | 644.00 ms |
| Next.js | 1127.00 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
P75 Latency at 100 Connections
| Framework | Milliseconds |
|---|---|
| Baseline HTML | 62.00 ms |
| Astro | 80.00 ms |
| SolidStart | 123.00 ms |
| SvelteKit | 164.00 ms |
| Mastro | 168.00 ms |
| React Router | 360.00 ms |
| Nuxt | 439.00 ms |
| TanStack Start | 555.00 ms |
| Next.js | 1075.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 | 92 | 88 | 92 | 81 | 98 |
| SolidStart | 81 | 75 | 100 | 88 | 100 |
| SvelteKit | 79 | 78 | 78 | 69 | 95 |
| Next.js | 73 | 71 | 76 | 66 | 94 |
| Nuxt | 67 | 58 | 70 | 59 | 96 |
| React Router | 59 | 60 | 64 | 68 | 90 |
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 | 92 |
| SolidStart | 81 |
| SvelteKit | 79 |
| Next.js | 73 |
| Nuxt | 67 |
| React Router | 59 |
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 | 88 |
| SvelteKit | 78 |
| SolidStart | 75 |
| Next.js | 71 |
| React Router | 60 |
| Nuxt | 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 | 100 |
| Astro | 92 |
| SvelteKit | 78 |
| Next.js | 76 |
| Nuxt | 70 |
| React Router | 64 |
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 | 88 |
| Astro | 81 |
| SvelteKit | 69 |
| React Router | 68 |
| Next.js | 66 |
| Nuxt | 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 | 98 |
| Nuxt | 96 |
| SvelteKit | 95 |
| 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% |
|---|---|---|---|---|---|
| SolidStart | 80 | 80 | 100 | 87 | 90 |
| Astro | 79 | 93 | 72 | 63 | 85 |
| SvelteKit | 67 | 80 | 58 | 55 | 74 |
| Next.js | 52 | 71 | 48 | 46 | 58 |
| Nuxt | 45 | 58 | 43 | 45 | 65 |
| React Router | 37 | 63 | 36 | 51 | 53 |
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 | 80 |
| Astro | 79 |
| SvelteKit | 67 |
| Next.js | 52 |
| Nuxt | 45 |
| React Router | 37 |
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 | 93 |
| SolidStart | 80 |
| SvelteKit | 80 |
| Next.js | 71 |
| React Router | 63 |
| Nuxt | 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 | 100 |
| Astro | 72 |
| SvelteKit | 58 |
| Next.js | 48 |
| Nuxt | 43 |
| React Router | 36 |
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 | 87 |
| Astro | 63 |
| SvelteKit | 55 |
| React Router | 51 |
| Next.js | 46 |
| Nuxt | 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 | 90 |
| Astro | 85 |
| SvelteKit | 74 |
| Nuxt | 65 |
| Next.js | 58 |
| React Router | 53 |
The chart includes a dotted median reference line calculated from the visible framework values.
Methodology: Core Web Vitals.