DNS 解析和 TCP 连接这个前端可以做的努力非常有限。相比之下,HTTP 连接这一层面的优化才是前端网络优化的核心。
HTTP 优化有两大方向:
- 减少请求次数
- 减少单次请求所花费的时间
这两个优化点,指向开发中非常常见的操作:资源的压缩与合并。
构建结果体积压缩
- 拆分资源,如通过 Webpack 的 DllPlugin
- 通过 Tree-Shaking 删除没用的代码
- 按需加载
DNS 解析和 TCP 连接这个前端可以做的努力非常有限。相比之下,HTTP 连接这一层面的优化才是前端网络优化的核心。
HTTP 优化有两大方向:
这两个优化点,指向开发中非常常见的操作:资源的压缩与合并。