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.0ms | 5132.4ms | -70.2% |
开发热启动 | 6027.8ms | 4536.1ms | -24.7% |
根 HMR | 46.8ms | 26.7ms | -42.9% |
叶子 HMR | 27.0ms | 12.9ms | -52.2% |
Vite (swc) | Vite 4.2 | Vite 4.3 | 改进 |
---|---|---|---|
开发冷启动 | 13552.5ms | 3201.0ms | -76.4% |
开发热启动 | 4625.5ms | 2834.4ms | -38.7% |
根 HMR | 30.5ms | 24.0ms | -21.3% |
叶子 HMR | 16.9ms | 10.0ms | -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 的性能。我们正在开发一个官方的 基准测试工具,用于 Vite,它可以让我们为每个拉取请求获取性能指标。
并且 vite-plugin-inspect 现在拥有更多与性能相关的功能,可以帮助您识别哪些插件或中间件是应用程序的瓶颈。
使用 vite --profile
(然后在页面加载后按 p
)将保存开发服务器启动的 CPU 配置文件。您可以在应用程序中将其打开为 speedscope 以识别性能问题。您可以将您的发现与 Vite 团队分享在 讨论 中或在 Vite 的 Discord 中。
下一步
我们决定今年只进行一次 Vite 主版本更新,与 Node.js 16 的生命周期结束(9 月)保持一致,在该版本中将不再支持 Node.js 14 和 16。如果您想参与进来,我们已经启动了 Vite 5 讨论 以收集早期反馈。