性能优化的概述
本章所讲的性能优化主要体现三个方面
构建性能
这里所说的构建性能,是指在开发阶段的构建性能,而不是生成产环境的构建性能
优化目标,是降低从打包开始,到代码效果呈现所经过的时间
构建性能会影响开发效率.构建性能越高,开发过程中时间浪费时间浪费越少
传输性能
传输性能是指,打包后的JS代码传输到浏览器经过的时间
传输性能时主要考虑到:
- 总传输量: 所有需要传输的JS文件的内容加起来,就是总传输量,重复代码越少,总得传输量越少
- 文件数量: 当访问页面的时候,需要传输的JS文件数量,文件属性越多,http请求越多,响应速度越慢
- 浏览器缓存: JS文件会被浏览器缓存,被缓存的文件不会再进行传输
运行性能
运行性能是指,JS代码在浏览器的运行速度
它主要取决于我们如何书写高性能的代码
用于不要过早关注性能,因为在你开发的时候,无法完全预知最终的运行性能,过早的关注性能会极大的降低开发的的效率
性能优化主要从三个维度入手
