Vite 4.3 版本發佈!
2023 年 4 月 20 日
快速連結
效能改進
在此次小版本更新中,我們專注於提升開發伺服器的效能。解析邏輯得到了簡化,改善了熱路徑,並為查找 package.json
、TS 配置文件和整體解析的 URL 實施了更聰明的快取。
您可以在 Vite 貢獻者撰寫的這篇部落格文章中,閱讀有關效能工作的詳細說明:我們如何讓 Vite 4.3 變得更快 🚀。
與 Vite 4.2 相比,這次衝刺在各方面都實現了速度的提升。
以下是根據 sapphi-red/performance-compare 測量的效能改進,該測試程式會測試一個包含 1000 個 React 元件的應用程式的冷啟動和熱啟動開發伺服器時間,以及根元件和葉元件的 HMR 時間。
Vite (babel) | Vite 4.2 | Vite 4.3 | 改進 |
---|---|---|---|
開發伺服器冷啟動 | 17249.0 毫秒 | 5132.4 毫秒 | -70.2% |
開發伺服器熱啟動 | 6027.8 毫秒 | 4536.1 毫秒 | -24.7% |
根元件 HMR | 46.8 毫秒 | 26.7 毫秒 | -42.9% |
葉元件 HMR | 27.0 毫秒 | 12.9 毫秒 | -52.2% |
Vite (swc) | Vite 4.2 | Vite 4.3 | 改進 |
---|---|---|---|
開發伺服器冷啟動 | 13552.5 毫秒 | 3201.0 毫秒 | -76.4% |
開發伺服器熱啟動 | 4625.5 毫秒 | 2834.4 毫秒 | -38.7% |
根元件 HMR | 30.5 毫秒 | 24.0 毫秒 | -21.3% |
葉元件 HMR | 16.9 毫秒 | 10.0 毫秒 | -40.8% |
您可以在這裡閱讀更多關於基準測試的資訊。此效能運行的規格和版本
- CPU:Ryzen 9 5900X,記憶體:DDR4-3600 32GB,SSD:WD Blue SN550 NVME SSD
- Windows 10 Pro 21H2 19044.2846
- Node.js 18.16.0
- Vite 和 React 外掛版本
- Vite 4.2 (babel):Vite 4.2.1 + plugin-react 3.1.0
- Vite 4.3 (babel):Vite 4.3.0 + plugin-react 4.0.0-beta.1
- Vite 4.2 (swc):Vite 4.2.1 + plugin-react-swc 3.2.0
- Vite 4.3 (swc):Vite 4.3.0 + plugin-react-swc 3.3.0
早期採用者在測試 Vite 4.3 beta 版時,也回報了在實際應用程式上看到了 1.5 倍至 2 倍的開發啟動時間改進。我們很想知道您的應用程式的結果。
效能分析
我們將繼續努力提升 Vite 的效能。我們正在開發一個官方的 基準測試工具,讓我們可以取得每個 Pull Request 的效能指標。
而且 vite-plugin-inspect 現在有了更多與效能相關的功能,以幫助您識別哪些外掛或中間件是應用程式的瓶頸。
使用 vite --profile
(然後在頁面載入後按下 p
)將會儲存開發伺服器啟動的 CPU 設定檔。您可以在諸如 speedscope 的應用程式中開啟它們,以識別效能問題。您可以在 討論區或 Vite 的 Discord 中與 Vite 團隊分享您的發現。
後續步驟
我們決定今年只做一個 Vite Major 版本,以配合九月份 Node.js 16 的 EOL,並在其中放棄對 Node.js 14 和 16 的支援。如果您想參與其中,我們已經開始了 Vite 5 討論,以收集早期意見回饋。