要说面试的时候问到最多的问题，那性能优化绝对是躲不开的话题，基本每个公司面试我都遇到了相关问题，其中，首页加载速度优化又是其中最常问的问题，网上的文章比较零零散散，没有一个总结到十分满意的，于是自己便来总结一下
这张图是我发现的比较宝藏，比较全面的一张首页加载优化图，便以此图来进行相关总结
目录
一. 资源加载优化
大约 13 分钟
在面试中，vite和webpack也是常被问到的点，自己答的倒也是不错，算是完整，但不够系统，因此总结一下
前言
vite 比 webpack 快？
vite 比 webpack 简单？
今天我们就来分析一下，到底有什么不一样的地方！
定位
对比之前，我们先要搞懂，vite 与 webpack 的定位以及关系才可以。
那前端社区中常谈到的这些工具webpack、rollup、parcel、esbuild、vite、vue-cli、create-react-app、umi他们之间的关系是怎样的。
大约 9 分钟
从 0 到 1 学习的朋友可参考前置学习文章：
大约 72 分钟