1.背景
g)v&~Cg0 应用的性能测试与优化目前主要停留在服务器端的反馈,而对于前端性能标准的研究与测试相对比较空白,缺乏统一的标准与工具。众所周知,浏览器html组件的下载及渲染性能直接影响最终的用户体验,目前应用的前端性能有许多优化空间,因此对前端性能进行测试与监控,有利于提升客户体验,做到全方位的性能监控,实现“客户第一”的价值。
(^D(i9R5GK4_0 2.前端性能标准51Testing软件测试网,xd'X;@
]G-E
目前较为流行且免费的前端性能评测标准及工具,是以yahoo的yslow及google的pagespeed为主。yslow和page speed是两款firefox浏览器下功能类似的插件,其主要功能是在用户访问网页时,可用此插件对当前访问的网页按若干条固定的评分标准进行前端性能评分。另有dynatrace也提供与yslow和page speed类似的评价标准。51Testing软件测试网?&| oi:Q'IG
2.1 yslow51Testing软件测试网7by7M4zW@;lT
评分标准:主要有35条评分标准,具体标准参见官方文档http://developer.yahoo.com/performance/rules.html。51Testing软件测试网6A"as;Ybcn O
插件下载:http://developer.yahoo.com/yslow/
*Y$cH\C{*tH_r0 插件运行:插件运行后,在firefox中访问网页,插件将会显示对该网页的评分,15个标准(使用到的评分标准数在不同版本的yslow插件中有所不同)从A-F进行打分。下图是对阿里巴巴中文网站首页的一个打分情况:
)kS9AqJ F u051Testing软件测试网G3F {}.LVz(}{/R
2.2 page speed
7U.l'@X#i.Z~0 评分标准:pagespeed主要的评标准有29条http://code.google.com/speed/page-speed/docs/rules_intro.html
0tM0g)qR$B C0 插件下载:http://code.google.com/speed/page-speed/download.html51Testing软件测试网2|D1J!g
|2}6G*Q6k`
插件运行:pagespeed除了支持firefox外,还支持google chrome浏览器,下图是在firefox中用page speed评估http://www.1688.com的结果51Testing软件测试网 t4Z)[t#I
L9UO)y1NJ|0 2.3 dynatrace ajax edition
$GFw&iT8}B$wL0 评分标准:评分标准分为四个大类,包括Cache、网络、Server端、JavaScript代码,每个大类都有A~F六个等级,各个大类下面的最佳实践细则与yslow及page speed类似http://community.dynatrace.com/ext/ajax/PUB/Best+Practices+on+Web+Site+Performance+Optimization。51Testing软件测试网7U8S9j]v
M,hF
下载安装:https://www.dynatrace.com
.{4{$Rr,C*g H4w1o-|0 运行情况:dynatrace可以支持firefox和ie,且其可支持到函数级的度量分析,在windows下运行dynatrace如下图所示
$t3WT&g{A051Testing软件测试网(}
c3S'AvqY
3.方案选择
j2?USb*Q7g.S"cf0 3.1dynaTrace Ajax Edition51Testing软件测试网
l~@tV1D
dynaTrace Ajax Edition是一款免费的前端性能评测工具,与非常优秀的yslow及page speed相比,其仍有几个不容忽视的优点: