前端性能测试关注什么

这里的前端指 web

一、HTTP 请求过程

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

二、前端性能优化方法

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

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

3. 取掉不必要请求

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

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

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

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

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

三、前端性能测试工具

firebug、htttpwatch、yslow

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

侵入式:打点统计

四、前端性能指标

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章