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,这使我们可以获取每个 Pull Request 的性能指标。
并且 vite-plugin-inspect 现在具有更多与性能相关的功能,可帮助您确定哪些插件或中间件是应用程序的瓶颈。
使用 vite --profile
(然后在页面加载后按 p
)将保存开发服务器启动的 CPU 配置文件。 您可以在诸如 speedscope 之类的应用程序中打开它们以识别性能问题。 您可以在 讨论 或 Vite 的 Discord 中与 Vite 团队分享您的发现。
下一步
我们决定今年做一个 Vite Major 版本,与 9 月份 Node.js 16 的 EOL 保持一致,并在其中放弃对 Node.js 14 和 16 的支持。 如果您想参与进来,我们启动了一个 Vite 5 讨论 来收集早期反馈。