性能优化方方面面

这个世界贫富两极分化的根源是制度成本被弱势群体所承担，而制度收益被强势群体所占有

——温铁军

面试里只要你简历上写了把网站速度提升了 XX%，大多面试官会问你具体做了什么，有什么指标？

这个点可以深入聊出很多东西

我们做性能优化的原因是希望网站能快速访问，就像日本人通过阿部宽的网站来测试网络是否正常，我想如果（前端）开发将一个网站优化到秒进，那对其是很大的褒奖

现代前端应该做些什么方面的性能优化呢？这一章，我们讲讲性能优化的方方面面

笔者认为性能优化无外乎分为：

• 网络层面优化

  • 如 HTTP 缓存、HTTP2 多路复用

• 工程化层面优化

  • 以前一些常规的资源合并、压缩都可以在 webpack 中进行
  • 以及 webpack 自身的打包优化以及构建优化

• React层面优化

  • 笔者只懂 React，这里只讲解 React 的优化，如懂 Vue 换 Vue 即可

• 页面渲染层面优化

  • 回流和重绘、防抖、节流
  • 主要从浏览器渲染讲起，降如何优化

最后我们会总结一下前端性能优化的知识点，如此，本章就结束了