近日,大幅Vite 团队核心成员“翠”在社交平台表示,提升他在 Windows 机器上对 Vite 4.3 进行了基准测试,大幅其初始加载速度有了大幅提升!提升其中,大幅Vite 4.3 的提升冷启动时间快了 3 倍,热启动时间也快了 1.3 倍。大幅另外,在使用 SWC 插件时,Vite 4.3 的冷启动时间比 turbopack 快 1.5 秒。截至发稿,Vite 4.3 处于 beta.4 阶段。
在开始之前,先来介绍三个相关概念:
接下来就看看 Vite 4.3 相较于上一个版本在速度上都有哪些提升!
将 Farm、Webpack、Vite、Rspack 和 Turbopack 进行测试对比,运行十次并取平均值。这里使用 Turbopack 的基准案例(1000 个 React 组件),参考:https://turbo.build/pack/docs/benchmarks。得到的结果如下:
最终得到的结论如下:
进行本测试的机器规格和其他信息:
对 Vite 4.3 beta.2 和 Vite 4.2.1 的启动时间分别进行测试:
对比结果如下图所示:
根据图表可知:
对 Vite 4.3 beta.2 和 Vite 4.2.1 的热更新时间进行对比测试:
根据图表可知:
将 Vite 4.3 beta.2 与其他构建工具进行对比,得到的数据如下:
根据上表中的数据得到图表如下所示:
除此之外,测试前后的 FCP(First Contentful Paint,即首次有内容渲染的时间) 对比如下:
2.Vite 4.3.0-beta.2 + plugin-react 4.0.0-beta.0
3.FCP最大值:3348
4.FCP 最低:2970
5.FCP 平均值:3083
可以看到,Vite 4.3 比 Vite 4.2.1 的 FCP 平均快了 12 倍!
半年前,Vercel 推出了下一代打包工具:Turbopack,并宣称其比 Vite 快 10 倍。如今,Vite 在某些方面已经超越了 Turbopack,期待未来 Vite 会有更好的表现!
责任编辑:姜华 来源: 前端充电宝 Vite 4.3SWC 插件参考资料:
- https://twitter.com/patak_dev/status/1644665027188670465。
- https://gist.github.com/sapphi-red/db27f9c18ed31894e409224051119e1b。
(责任编辑:探索)
夸克App携手杨超越 2023助你实现工作、学习、生活“小超越”
10月份安徽省居民消费价格同比上涨1.7% 涨幅比上月扩大1.0个百分点
商汤科技:原创AI构筑竞争壁垒,多领域实现商业化突破加速增长
EVGA上新SuperNOVA XC电源 支持ATX 3.0和PCIe 5.0
海外客商抢抓中国新春机遇 境外消费回流对进口消费产生一定带动作用