Vite的快慢原理详解，究竟哪个方面决定了它的速度？

本文共计340个文字，预计阅读时间需要2分钟。

目录+前言+Vite+的快+快速的冷启动+快速的热更新+Vite+的慢+首屏性能+懒加载性能+结束语+前言+谈到+Vite+，给人的第一印象就是+dev+server+启动速度快。同样模式的项目，相比+Webpack+动辄十秒的启动速度，Vite+无疑更胜一筹。

目录

• 前言
• Vite 的快
• 快速的冷启动
• 快速的热更新
• Vite 的慢
• 首屏性能
• 懒加载性能
• 结束语

前言

谈到 Vite，给人的第一印象就是 dev server 启动速度快。同样规模的项目，相比 Webpack 动辄十几秒甚至几十秒的的启动速度，Vite 简直是快到没朋友，往往数秒之内即可完成启动(PS: 都没有时间去喝一杯 ☕️ 啦)。

正好小编最近在做一些关于开发体验的性能优化，就想着把手上一些项目的开发模式更新为 Vite。经过一番操作，终于改造成功，而效果也不负众望，项目启动速度由原来的 25 s 如坐