前端性能优化

@TOC 启用压缩Gzip【必会的传输压缩方案】 Gzip是用来做网络资源压缩，帮我们减小资源文件在网络传输大小的技术，网络传输的过程中，去进行这种实时的动态的一个压缩，这个可以说是我们唯一可以选择的

@TOC webpack的优化配置【了解这些优化配置才敢说会用webpack】 之前我们讲了不少的优化方法，如果都是通过手工去做会非常麻烦，如果可以利用webpack这样的构建工具帮我们自动化的完成这

@TOC 资源的压缩与合并【见效最明显的优化方法】 为什么要压缩&合并 减少http请求数量 请求越多，资源越多，所在网络造成的开销就越大 减少请求资源的大小 节省流量，节省资源的大小，是我们不变的挑

@TOC JS开销和如何缩短解析时间【为什么我的JS运行慢】 js开销在哪里 加载 解析&编译 执行 资源大小相同的情况下，js的开销更高 170kb的js和jpg，通过网络加载的时间一致（加载过程只

@TOC 浏览器渲染原理和关键渲染路径 浏览器是怎么把页面渲染出来的，渲染过程分很多环节，就是关键渲染路径，只有理解了渲染经历了什么步骤，才知道针对性的进行优化 网络资源被加载过来后，脚本、css都要

为什么要进行前端性能优化 互联网发展得很快，我们现在做的内容越来越多，功能越来越强大，页面越做越漂亮，内容多了速度会受到影响，用户希望速度越来越快，这对于前端工程师挑战越来越大，我们只有对我们的网站进