ssr benchmark
1.0.0
这是对https://twitter.com/thdxr/status/17777777782835249553517的响应的实验,其中指出Next.js在服务器端渲染中与Vanilla React相比,服务器端呈现速度较慢。
这不是全面或科学的测试。只是想比较一个复杂的设置中的每个人,而不仅仅是打印hello world 。
| (指数) | 姓名 | 操作/秒 | 平均(MS) | 样品 | 身体(KB) | 复制 | 相对于反应 |
|---|---|---|---|---|---|---|---|
| 0 | “反应” | 766 | '1.305' | 7663 | '97 .28' | 'x1.00' | '' |
| 1 | 'Sveltekit' | 589 | '1.696' | 5898 | '184.46' | 'x2.00' | '1.30 x慢' |
| 2 | “混音” | 449 | '2.224' | 4497 | '189.10' | 'x2.00' | '1.71 x慢' |
| 3 | 'nuxt' | 381 | '2.622' | 3814 | '201.12' | 'x2.00' | '2.01 x慢' |
| 4 | 'Qwik-city' | 278 | '3.584' | 2790 | '139.21' | 'x1.00' | '2.76 x慢' |
| 5 | “下一页” | 104 | '9.590' | 1043 | '187.67' | 'x2.00' | '7.37 x慢' |
| 6 | 'astro' | 99 | '10 .077' | 993 | '99 .91' | 'x1.00' | '7.74 x慢' |
| 7 | 'mfng' | 69 | '14 .372' | 696 | '317.31' | 'x2.50' | '11 .10 x慢' |
| 8 | '下一个' | 53 | '18 .673' | 536 | '284.64' | 'x2.00' | '14 .45 x慢' |
| (指数) | 姓名 | 操作/秒 | 平均(MS) | 样品 | 身体(KB) | 复制 | 相对于Marko |
|---|---|---|---|---|---|---|---|
| 0 | 'Marko' | 6675 | '0.150' | 66759 | '96 .74' | 'x1.00' | '' |
| 1 | 'kita' | 3074 | '0.325' | 30742 | '97 .34' | 'x1.00' | '2.17 x慢' |
| 2 | 'hono' | 945 | '1.058' | 9452 | '97 .15' | 'x1.00' | '7.06 x慢' |
| 3 | 'vue' | 897 | '1.114' | 8977 | '96 .72' | 'x1.00' | '7.44 x慢' |
| 4 | “反应” | 764 | '1.308' | 7649 | '97 .28' | 'x1.00' | '8.74 x慢' |
| 5 | 'qwik' | 622 | '1.605' | 6230 | '137.88' | 'x1.00' | '10 .73 x慢' |
| 6 | '坚硬的' | 613 | '1.630' | 6137 | '215.93' | 'x2.00' | '10 .89 x慢' |
固体在这里,但它还带有水合数据以用于客户侧水合,它以这种方式与框架更具可比性。
身体是KB中的响应身体长度
据乞力马,桌子已更新。 Remix现在使用延期产生更好的结果。
MFNG是最小的RSC实施。重要的是要看到其结果与下一步相比,它们都反映了RSC渲染性能。
const dynamic = 'force-dynamic'禁用。 (否则,我们将对静态HTTP服务器进行基准测试,因为没有访问cookie的动态代码。)v20.6.1上运行loader功能中。$ npm install
$ npm run build
$ npm start