前端测试系列---如何分析页面性能

1， 工具

Page Speed

Page Speed在运行时会分析一些Web服务器配置和服务器上下载下来的代码，还会创建一个结果列表，其中包括如何改进网页的建议。

分析基于一个分为五类的最佳实践列表：


优化缓存——让你应用的数据和逻辑完全避免使用网络
减少回应时间——减少一连串请求-响应周期的数量
减小请求大小——减少上传大小
减小有效负荷大小——减小响应、下载和缓存页面的大小
优化浏览器渲染——改善浏览器的页面布局

对页面的检查点都有哪些方面

分数检查

1） 如果改版后的页面分数明显低于改版前的页面，是不合格的。
2）出现未压缩图片的情况，需要处理好图片问题。
3）检查出现css尺寸的问题

页面打开速度
使用Firebug查看下页面总共的载入时间，不能明显慢于修改前的

firebug插件-yslow

用快捷键 ”Ctrl+Shift+I”打开Chrome开发者工具

Pagetest

方式一：插件版

Internet Explorer的插件，常用来显示浏览器加载内容时发出的请求并提供了该进页面性能的建议。

如何下载：

http://sourceforge.net/projects/pagetest/?source=typ_redirect

之后直接安装后，即可在IE中看到：工具--->pageTest

方式二：网页版

http://www.webpagetest.org/

更多工具

18个常用的网站性能测试工具

http://www.cnblogs.com/lhb25/archive/2010/12/26/1917047.html

2， 检查点

http://www.zhihu.com/question/24907805/answer/29512484