提升前端性能-技术方案设计

浏览器性能体系的建立可以分为以下几个部分：

• 现状评估和建立指标
• 技术方案
• 执行
• 结果评估和监控

现状评估和建立指标

要想做好性能优化，正确地评估现状和建立指标是最关键的一步，它又往往是会被轻视的一步。
性能问题可以分成很多方面，最重要的几个点是：

• 页面加载性能
• 动画与操作性能
• 内存、电量消耗
  而这三部分中页面加载性能跟用户流失率是强关联的，而用户流失率，正是业务看重的指标。
  因此，优化的重点在页面加载性能上。

技术方案

在浏览器的大致工作过程中，我们必须理解几件事：

• 从域名到IP地址，需要DNS协议查询；
• HTTP协议是用TCP传输的，所以会有TCP建立连接的过程；
• 如果使用HTTPS，还会有HTTPS交换证书；
• 每个网页还有图片等请求。
  因此，网页的加载时间，不仅跟体积有关系，还和请求数量有很大关系，因此，提升前端性能的技术方案设计，需要包含这几个部分：
• 缓存
• 降低请求成本
• 减少请求次数
• 减少传输体积
  

执行

技术方案设计好