isTester.com发起人,某互联网公司测试经理,十年测试经验,公众号“简尚”; 致力于软件测试从业者综合能力提升 & 职场人每日进阶。 微信isTester 》》博客文章未标注转载均属「原创」,转载找老徐授权;

WEB前端性能分析--工具推荐。

上一篇 / 下一篇  2017-02-24 11:08:10 / 个人分类:测试工具

51Testing软件测试网+mRV0J-v V.W.wk

在线网站类:51Testing软件测试网E^*`-J6Pc"r

WebPageTest51Testing软件测试网:kK8P {*z8@L"rE

说明:51Testing软件测试网(r7wV s]i?R,JYfJ

在线的站点性能评测网站,地址http://www.webpagetest.org/51Testing软件测试网 lZ+Fe)a t;{ W0y

51Testing软件测试网X-rv[$V6H;hq2h
51Testing软件测试网)o2kx[ {8uh1^d

ShowSlow51Testing软件测试网&} _ Of-paD7gw

说明:

yVy3j6zK7]S ^o0

showslowyslow的数据收集与展示平台http://www.showslow.com/,它是一个开源的php项目,可以用来与firefoxyslow插件、page speed插件或者dynatrace通信,收集插件或程序所发送过来的信息并集中展示。只需要在dynatrace安装目录下进行一些设置,即可自动实现上传结果到showslow平台作为存档、分析及监控。 

,L\\3MGl b0

51Testing软件测试网A5yUF}#w^5Wjg
51Testing软件测试网9G L'w'm^%["Rs


|W)n W Iz e0

Z eAdXU9N0

浏览器插件类: 

6l+m:Q ^$D o(C0

FireBug51Testing软件测试网6{Dx:m)t]d

没啥好介绍的,都知道。51Testing软件测试网2{-o MxQ\2Ac_&e

51Testing软件测试网!NYcYic$w2B

2M p^C7dR0

Page Speed51Testing软件测试网} W {t?wc

说明:

KW,Ky4A(t0

基于firebugweb页面优化的评测工具,同时还有支持chrome的插件,因为是google产的。

.h]2Z9A"AI%D"j f9h+d0

使用:

,L~i)u!h8gi3s@0

直接打开FFfirebugchrome的开发人员工具,切换到page speed标签,浏览一个网页然后点击分析即可,分析完成后会针对规则打出一个成绩,并告诉你哪些规则你没有符合。51Testing软件测试网q'W z$Lk


8w+Q/n9qj:Yj0

R?~b[ c*OzQ*X0

补充:

(}`kpbVaI0

其实这个更像是代码的白盒测试分析工具,因为其都是根据一定的规范来检测网页的优化程度,而不是实际的去监听和过滤页面访问所花费的时间。当然一个网页的加载时间和很多因素有关;比如网速,比如页面上的内容,不同的网站加载时间肯定是不一样的,这个就每一个用一个规则来确定一个怎么的网站应该要多长的加载时间了,因此这只是一个最佳实践规则和建议的检测工具;还有一点就是如果想看页面访问时间的细节,firebugchrome的开发人员工具本身就已经有了。51Testing软件测试网W+vu ni&g

51Testing软件测试网uNSW3m6v)H

Efa;cQ%| l0

Speed Tracer51Testing软件测试网7XA8?7J t;b~Sy1w

说明:51Testing软件测试网(}6`b*N4f p;ST0MI

基于chrome的插件,同样是有google产的,这个是web前端页的性能记录和分析工具,同时还提供一个规则和建议的评测。51Testing软件测试网\;o5T1@,iB

使用:51Testing软件测试网j s$qG%X

补充:

*H1m.knJ~(i;t0

这个工具收集的东西主要是资源或事件消耗的时间,它会实时的记录某个页面的加载过程,并且一直跟踪所有的事件;在易用性方面数据可以到出来,还有可以根据时间轴来分析具体某端的性能规则和建议。51Testing软件测试网.Yt0`kP!a

51Testing软件测试网e/JtmO[ Jk$R
51Testing软件测试网#c0?.PKZc3G cZh]+M

Yslow51Testing软件测试网]3hcmcQuk

说明:

^5u+Q9h:kE0

基于firebug的评测分析工具,yahoo产;和page speed类似工具,会给出页面的评分和优化说规则,同时会提供页面下载资源的统计分析功能,还提供了一些小工具,如js运行检测,图片的优化工具,未符合规则的资源有哪些等等。总的来说是page speed的增强版。51Testing软件测试网@z7AU&_G}

Yslow优化建议23条规则:

;Z(q_ j9XVL%H.P0

http://developer.yahoo.com/performance/rules.html 51Testing软件测试网+I/J \"[a


xt-v6Y7V8@051Testing软件测试网$CU6CQy"P:]b7W

独立程序类:

0b f$Mc/z-R4O0

DynaTrace Ajax Edition51Testing软件测试网i'M/AW&[!J)n0}.S#W

说明:51Testing软件测试网 hsjfX]

基于IEfirefox的插件,对于FF需要版本支持,需要独立安装文件(50M)。其可支持到函数级的度量分析,此外其它工具能支持的功能这个工具都支持的。

!K$iLp&{0

DynaTrace优化建议规则:

`K0n5k;x+Sc+T0


awB,m^j0s|}0

q2w ]f+m.v0

Fiddler51Testing软件测试网A;byz8Y{1rv"wFG

说明:51Testing软件测试网;J3O%K s7\-Hsq

Microsoft的一款web调试工具,它会记录所有本地的http通信。同时支持ie插件版51Testing软件测试网e1k*M'MT7`_%J4gZ


Robv@ d"e0

j$Sn0ET,YC%xJ\$p0

HttpAnalyzer

&Q DJJ;Pqd0

说明:51Testing软件测试网"k-^2d5O@SzC

fiddler原理一样的工具,不过功能比fiddler更加易用。同时支持ieff插件版,此外独立版程序提供http调试功能,写基于http通信的程序使用这个调试比较不错,之前写接口测试工具时就用的这个调试的。51Testing软件测试网 u r#xb3Lv


Q\5^ r(e^`,E"t2i s0

U2?B0])_7VCH0

HttpWatch51Testing软件测试网A`Y1u7[in

说明:51Testing软件测试网GnG:}7Gh4~\

以前这个和httpanalyzer都用过,后来就只用后者了;今天突然发现放弃它的原因是它只支持插件版的,即只能在浏览器上使用,而且只能抓对应浏览器的http通信,且不支持http通信的调试;不过现在发现了一个比httpanalyzer好的就是它的页面加载用时的统计功能,是可以统计一个页面总用时什么的,所以这个工具更适合用于站点的页面性能分析。51Testing软件测试网,~ E i%`5D


zc b7~ H4F Af0

L1}C(I-c{0

总结:

y'DmnI kC C0

这些个工具里有些类似,有些用处各不相同,有些事专门的web前端性能评测工具,有些并不是为了web前端性能而做的工具。总的来说就是要结合实际情况,综合这些个工具来用,需要分析什么情况就用什么工具。如果是通常意义上的web前端性能测试的话,可以选择一个固定的方案,比如:DynaTrace + showslow,前者获取非常丰富的数据,后者则在服务端专门展示这些数据,即方便使用又方便存储。如果要支持持续测试的话,可以写自动化的脚本来跑具体的页面,每次新版本都执行一次自动化测试即可。

M1\siui"b0


~ C W,O,hT%IG0
51Testing软件测试网O}&M,{M*p_

51Testing软件测试网0S2X@M c?&xmT
51Testing软件测试网$Na x:hp2H:O

注:转载自网络。

2hd0~M,EO5F qX,z0

.Kv]&_ C+T:B0

51Testing软件测试网 JDf;H-["^pHN

_8USTO0

51Testing软件测试网n"J.W:r;I h;s

51Testing软件测试网)y:o E)k xX

51Testing软件测试网"COw-Z(L2b%du

51Testing软件测试网N s Nzl|/ud i3@

&FP*X}9y"|0w0

51Testing软件测试网7pIDMP @

51Testing软件测试网qn Uh)B*\!BbqK

51Testing软件测试网 w/o3T7MfXZg{"R


TAG: 软件测试 web

 

评分:0

我来说两句

显示全部

:loveliness: :handshake :victory: :funk: :time: :kiss: :call: :hug: :lol :'( :Q :L ;P :$ :P :o :@ :D :( :)

Open Toolbar