跳至内容

Vite 4.3 发布!

2023 年 4 月 20 日

Vite 4.3 Announcement Cover Image

快速链接

性能改进

在这个小版本中,我们专注于改进开发服务器的性能。解析逻辑得到了简化,改进了热路径并实现了更智能的缓存,用于查找 package.json、TS 配置文件和一般解析的 URL。

您可以在 Vite 贡献者之一的这篇博文中阅读有关此版本性能改进的详细介绍: 我们如何让 Vite 4.3 更快 🚀.

与 Vite 4.2 相比,这次迭代在各方面都带来了速度提升。

以下是由 sapphi-red/performance-compare 测量的性能改进,该工具测试了一个包含 1000 个 React 组件的应用程序的冷启动和热启动时间,以及根组件和叶子组件的 HMR 时间。

Vite (babel)Vite 4.2Vite 4.3改进
开发冷启动17249.0ms5132.4ms-70.2%
开发热启动6027.8ms4536.1ms-24.7%
根 HMR46.8ms26.7ms-42.9%
叶子 HMR27.0ms12.9ms-52.2%
Vite (swc)Vite 4.2Vite 4.3改进
开发冷启动13552.5ms3201.0ms-76.4%
开发热启动4625.5ms2834.4ms-38.7%
根 HMR30.5ms24.0ms-21.3%
叶子 HMR16.9ms10.0ms-40.8%

Vite 4.3 vs 4.2 startup time comparison

Vite 4.3 vs 4.2 HMR time comparison

您可以在 此处 阅读有关基准测试的更多信息。此性能运行的规格和版本

  • 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 讨论 以收集早期反馈。