DNS 解析和 TCP 连接这个前端可以做的努力非常有限。相比之下,HTTP 连接这一层面的优化才是前端网络优化的核心。

HTTP 优化有两大方向:

  • 减少请求次数
  • 减少单次请求所花费的时间

这两个优化点,指向开发中非常常见的操作:资源的压缩与合并。

构建结果体积压缩

  • 拆分资源,如通过 Webpack 的 DllPlugin
  • 通过 Tree-Shaking 删除没用的代码
  • 按需加载

HTTP 压缩

数据压缩