前端的性能优化,主要针对“从输入 URL 到页面加载完成”这个过程的各个阶段:

  1. DNS 解析
  2. TCP 连接
  3. HTTP 请求发送
  4. 服务端处理请求,HTTP 响应返回
  5. 浏览器拿到响应数据,解析响应内容,把解析的结果展示给用户

任何一个用户端的产品,都需要把这5个阶段滴水不漏地考虑到自己的性能优化方案内、反复权衡,从而打磨出用户满意的速度。这五个阶段的优化,可以概括为网络层面的优化和渲染层面的优化。