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