前端性能测试关注什么

这里的前端指 web

一、HTTP 请求过程

http协议是基于传输层的TCP协议，请求报文和应答报文的格式可以自行百度。

二、前端性能优化方法

1. 合并图片：减少http请求数，或利用缓存提升性能

2. 合并压缩 css 样式表和 js 脚本

3. 取掉不必要请求

4. 充分利用缓存，这里特指浏览器的缓存

5. 图片优化：图片延迟加载；对不同格式图片上线前进行一定的优化；图片延迟加载

6. 利用 cdn：内容分发网络

7. 开启 gzip：压缩资源文件，让传输速度更快

8. 样式表和 js 文件的优化：eg：css页面头部，尽早显示页面元素

三、前端性能测试工具

firebug、htttpwatch、yslow

非侵入式：showslow，收集前端性能指标并展示

侵入式：打点统计

四、前端性能指标

白屏时间、首屏时间、用户可操作时间、页面总下载时间