初步探索前端性能测试

本文来自网易云社区

WEB产品的前端页面加载速度是影响用户体验的重要因素。为了提升页面的加载速度，让用户体验更顺畅，需要进行前端性能测试。

一、评估原则：

1.        Yahoo 34条黄金法则 

以Yahoo网站性能优化的34条黄金法则为原则，前端的性能优化主要从以下几个方面进行：

第一点：减少Http请求的数目，包含避免404页面、避免使用空内容的图片和请求、移除重复脚本和使用CSS Sprites（减少图像请求的有效方法）等。

第二点：使浏览器渲染更加流畅，通过分别优化HTML、JavaScript、CSS来实现。

第三点：优化单个Http请求，包含通过减少DNS查找次数、避免重定向等方式缩短请求时间；通过压缩文件、优化图片以及减少Cookie大小等方式减少接收数据量大小；通过使用缓存Ajax结果、配置过期时间以及Etag等方式有效的利用缓存。

2.        度量页面速度的指标 

页面的加载速度的度量主要有三个关键指标：

First Impression Time：从用户提交请求到第一时间观察到页面开始加载的时间，这是一项重要指标，该时间越短，用户越早看到浏览器中的内容，心理上的等待时间会越短。

OnLoad Time：从用户提交请求到浏览器触发onLoad事件的时间，在该时间之前完成了页面初始化以及所有引用对象的下载。该时间是比较重要的性能优化对象，OnLoad Time越低，页面加载速度越快，用户等待时间越短。

Total Load Time：从用户提交请求到页面完全加载所消耗的总时间，为