10 ポイント 投稿者 xguru 2022-11-02 | 3件のコメント | WhatsAppで共有
  • Vue.js/Vite 開発者 Evan You の投稿
  • Turbopack の公開時に「Vite より 10 倍速い」と強調され、多くの場で取り上げられた
    • Next 13 + Turbopack では React HMR に 0.01 秒かかったのに対し、Vite は 0.09 秒だったというベンチマーク
    • 他の性能で 10 倍速いものはなく、そのような結果が出たのは HMR のみ
  • Vercel は当初、実際の HMR ベンチマーク資料を添付していなかったため、Next 13 と Vite 3.2 を直接比較してみた(コードと方法もすべて公開)
    • 実際の比較結果では、Next の HMR はおよそ 2 倍速かった
    • ただし、これは Vite が Babel を使っているため、やや異なる結果になりうる
    • 同じく Rust で書かれた SWC を使うと、速度はほぼ同等になる
      (Vite が SWC を使っていないのは SWC のサイズの問題によるもの。Vite は 19MB だが、SWC は 58MB)
    • 興味深いことに、インポートするコンポーネントが増えると Next/Turbo は 4 倍遅くなる一方、Vite は 2.4 倍しか遅くならない
  • Evan がベンチマークを公開した後、Vercel もブログでベンチマーク方法を公開
    • 結果として、Turbopack が 10 倍速くなるには、SWC を使わず、3 万を超えるモジュールを含み、ホットアップデートされたモジュールが評価される時間だけを測定した場合に限られるということ

3件のコメント

 
bichi 2022-11-02

nextjs が nextjs してるね

 
xguru 2022-11-02

ベンチマークで「誰よりどれだけ速い」と書くなら、そもそも評価方法とデータを詳しく公開すべきです……