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 |
|---|---|---|
| Astro | 189.8ms | 189.93ms |
| Next.js | 387.6ms | 387.6ms |
| Nuxt | 266.6ms | 266.6ms |
| React Router | 226.2ms | 226.32ms |
| SolidStart | 168.8ms | 168.9ms |
| SvelteKit | 200.6ms | 200.78ms |
| TanStack Start | 220ms | 220.05ms |
First Paint (ms)
| Framework | Milliseconds |
|---|---|
| SolidStart | 168.80 ms |
| Astro | 189.80 ms |
| SvelteKit | 200.60 ms |
| TanStack Start | 220.00 ms |
| React Router | 226.20 ms |
| Nuxt | 266.60 ms |
| Next.js | 387.60 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
First Contentful Paint (ms)
| Framework | Milliseconds |
|---|---|
| SolidStart | 168.90 ms |
| Astro | 189.93 ms |
| SvelteKit | 200.78 ms |
| TanStack Start | 220.05 ms |
| React Router | 226.32 ms |
| Nuxt | 266.60 ms |
| Next.js | 387.60 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 |
|---|---|---|
| Astro | 135.8ms | 135.52ms |
| Mastro | 144.8ms | 144.93ms |
| Next.js | 177.8ms | 177.82ms |
| Nuxt | 165.6ms | 165.63ms |
| React Router | 160.2ms | 160.21ms |
| SolidStart | 145.4ms | 145.26ms |
| SvelteKit | 150.8ms | 150.84ms |
| TanStack Start | 178.6ms | 178.57ms |
First Paint (ms)
| Framework | Milliseconds |
|---|---|
| Astro | 135.80 ms |
| Mastro | 144.80 ms |
| SolidStart | 145.40 ms |
| SvelteKit | 150.80 ms |
| React Router | 160.20 ms |
| Nuxt | 165.60 ms |
| Next.js | 177.80 ms |
| TanStack Start | 178.60 ms |
The chart includes a dotted median reference line calculated from the visible framework values.
First Contentful Paint (ms)
| Framework | Milliseconds |
|---|---|
| Astro | 135.52 ms |
| Mastro | 144.93 ms |
| SolidStart | 145.26 ms |
| SvelteKit | 150.84 ms |
| React Router | 160.21 ms |
| Nuxt | 165.63 ms |
| Next.js | 177.82 ms |
| TanStack Start | 178.57 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 | 838 | 1.205ms | 96.83kb | 1x |
| Astro | 674 | 1.433ms | 96.89kb | 1x |
| Mastro | 253 | 3.869ms | 327.46kb | 1.5x |
| Next.js | 229 | 4.561ms | 199.57kb | 2x |
| Nuxt | 362 | 2.675ms | 201.27kb | 2x |
| React Router | 351 | 2.822ms | 211.63kb | 2x |
| SolidStart | 432 | 2.241ms | 224.17kb | 2x |
| SvelteKit | 452 | 2.146ms | 183.53kb | 2x |
| TanStack Start | 327 | 3.04ms | 193.62kb | 2x |
Ops/sec
| Framework | Operations per second |
|---|---|
| Baseline HTML | 838 |
| Astro | 674 |
| SvelteKit | 452 |
| SolidStart | 432 |
| Nuxt | 362 |
| React Router | 351 |
| TanStack Start | 327 |
| Mastro | 253 |
| 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 | 96.89 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 | 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.21 ms |
| Astro | 1.43 ms |
| SvelteKit | 2.15 ms |
| SolidStart | 2.24 ms |
| Nuxt | 2.67 ms |
| React Router | 2.82 ms |
| TanStack Start | 3.04 ms |
| Mastro | 3.87 ms |
| Next.js | 4.56 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,556.8 | 50 | 20ms | 41ms | 118ms | 46,379 |
| Astro | 1,167.41 | 50 | 39ms | 65ms | 370ms | 34,879 |
| Mastro | 573.8 | 25 | 49ms | 150ms | 1474ms | 17,878 |
| Next.js | 38 | 5 | 2183ms | 4647ms | 4709ms | 1,016 |
| Nuxt | 66.8 | 10 | 2036ms | 4225ms | 4433ms | 2,144 |
| React Router | 171 | 25 | 328ms | 1211ms | 4005ms | 5,563 |
| SolidStart | 504.2 | 25 | 110ms | 486ms | 2193ms | 15,815 |
| SvelteKit | 467.4 | 25 | 84ms | 510ms | 2590ms | 14,717 |
| TanStack Start | 43.4 | 5 | 3770ms | 4252ms | 4608ms | 1,342 |
P99 Latency
Section titled “P99 Latency”P99 Latency at 25 Connections
| Framework | Milliseconds |
|---|---|
| Baseline HTML | 20.00 ms |
| Astro | 39.00 ms |
| Mastro | 49.00 ms |
| SvelteKit | 84.00 ms |
| SolidStart | 110.00 ms |
| React Router | 328.00 ms |
| Nuxt | 2036.00 ms |
| Next.js | 2183.00 ms |
| TanStack Start | 3770.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 | 41.00 ms |
| Astro | 65.00 ms |
| Mastro | 150.00 ms |
| SolidStart | 486.00 ms |
| SvelteKit | 510.00 ms |
| React Router | 1211.00 ms |
| Nuxt | 4225.00 ms |
| TanStack Start | 4252.00 ms |
| Next.js | 4647.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 | 118.00 ms |
| Astro | 370.00 ms |
| Mastro | 1474.00 ms |
| SolidStart | 2193.00 ms |
| SvelteKit | 2590.00 ms |
| React Router | 4005.00 ms |
| Nuxt | 4433.00 ms |
| TanStack Start | 4608.00 ms |
| Next.js | 4709.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 | 18.00 ms |
| Astro | 23.00 ms |
| Mastro | 44.00 ms |
| SvelteKit | 64.00 ms |
| SolidStart | 71.00 ms |
| React Router | 148.00 ms |
| Nuxt | 381.00 ms |
| Next.js | 744.00 ms |
| TanStack Start | 807.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 | 34.00 ms |
| Astro | 44.00 ms |
| Mastro | 92.00 ms |
| SvelteKit | 143.00 ms |
| SolidStart | 153.00 ms |
| React Router | 303.00 ms |
| Nuxt | 527.00 ms |
| TanStack Start | 766.00 ms |
| Next.js | 2515.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 | 75.00 ms |
| Astro | 90.00 ms |
| SolidStart | 171.00 ms |
| Mastro | 195.00 ms |
| SvelteKit | 234.00 ms |
| React Router | 412.00 ms |
| Nuxt | 816.00 ms |
| TanStack Start | 1282.00 ms |
| Next.js | 2863.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 | 18.00 ms |
| Astro | 22.00 ms |
| Mastro | 44.00 ms |
| SvelteKit | 57.00 ms |
| SolidStart | 61.00 ms |
| React Router | 144.00 ms |
| Nuxt | 369.00 ms |
| TanStack Start | 514.00 ms |
| Next.js | 728.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 | 33.00 ms |
| Astro | 43.00 ms |
| Mastro | 88.00 ms |
| SolidStart | 104.00 ms |
| SvelteKit | 117.00 ms |
| React Router | 294.00 ms |
| Nuxt | 461.00 ms |
| TanStack Start | 575.00 ms |
| Next.js | 1154.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 | 65.00 ms |
| Astro | 86.00 ms |
| SolidStart | 131.00 ms |
| Mastro | 179.00 ms |
| SvelteKit | 183.00 ms |
| React Router | 374.00 ms |
| Nuxt | 456.00 ms |
| TanStack Start | 603.00 ms |
| Next.js | 1155.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.