isTester.com发起人,某互联网测试经理,十年测试经验,公众号“简尚”; 分享实战测试技能、答疑解惑(测试职业探索经验、以及一些书本上学不到的各种职业干货);致力于软件测试从业者综合能力提升。 微信isTester 》》博客文章未标注转载均属「原创」,转载找老徐授权;

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

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

51Testing软件测试网IXVP5{:^#T%O

在线网站类:51Testing软件测试网h"F%{%f)fh#C

WebPageTest51Testing软件测试网Hg.tG(zu

说明:

N Z.UfyGaF7J15240582

在线的站点性能评测网站,地址http://www.webpagetest.org/51Testing软件测试网6N0P7F"SA8v7},e


0B*G$L7|Kr1524058251Testing软件测试网 oN4k2Y e,j`y

ShowSlow51Testing软件测试网.\S4Z~9T4py$G7BJ

说明:51Testing软件测试网"E'J|\/IG

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

5tj@#LTA T$O(l1U C15240582

51Testing软件测试网-|1P*jQ+_/g pG
51Testing软件测试网@o!G\8E Dj

51Testing软件测试网as2s.D;X

&]`{DG;y,y-A&I15240582

浏览器插件类: 51Testing软件测试网_:t'K:o%{UfxCh

FireBug

X z`"D1U)iD4Qz15240582

没啥好介绍的,都知道。

,{3@pW%z'`_[ZX"y15240582

51Testing软件测试网0}m![ z1M K
51Testing软件测试网m4Y*m%xA6l[ {h

Page Speed51Testing软件测试网h I{{/Jg

说明:51Testing软件测试网!IG:BfS [?[8Z

基于firebugweb页面优化的评测工具,同时还有支持chrome的插件,因为是google产的。51Testing软件测试网/o/WJ.kt6V p:Pg&x

使用:51Testing软件测试网D;y-\G-G4r:}C@9]

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

%h;p7|$N y$O$w15240582


6TxmQ:r}&s Rg15240582

p.|nHn8}4p0lL15240582

补充:

P|.X1Yw${#V15240582

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

2b,\2bJ#^"_X15240582


A-[w'uK S'F)u15240582
51Testing软件测试网0s9IN,x!]+^,V"Kz8n;e

Speed Tracer

~mKJlo:t+D1Y5h15240582

说明:

&C7u&X:neq`4^:m15240582

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

6}a.q*^r8|C1vw15240582

使用:

%qCGpCI15240582

补充:51Testing软件测试网[+j,nr-D#Y Hg

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

51Testing软件测试网[Kn.Z[!up5l1v,w3[
51Testing软件测试网\ L^{F f

Yslow51Testing软件测试网f\$Rl,{PJU

说明:

?9SOE8DG15240582

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

^G*od [1{15240582

Yslow优化建议23条规则:

m%ze Zfw15240582

51Testing软件测试网8c]-L TGv{ ?

0X q}6nTF15240582

独立程序类:51Testing软件测试网!}lb)Rh)}oA6f

DynaTrace Ajax Edition51Testing软件测试网-|7`w1rl^ nj'Wx

说明:51Testing软件测试网W1B4Wm]p

基于IEfirefox的插件,对于FF需要版本支持,需要独立安装文件(50M)。其可支持到函数级的度量分析,此外其它工具能支持的功能这个工具都支持的。51Testing软件测试网#Wq cic&m+QS-X,O

DynaTrace优化建议规则:

4W&Sp sS0a1Ws\ \#r15240582

51Testing软件测试网J!K0] E]C*C

/l }`M;zS15240582

Fiddler51Testing软件测试网8e#|}Nv3a*E

说明:51Testing软件测试网 R]"x @hx R,r S

Microsoft的一款web调试工具,它会记录所有本地的http通信。同时支持ie插件版51Testing软件测试网 Pq TV/Fu9D#g'J2j;mu


^ERy] B.Q? ^7qF15240582

*{/tk0\;O&?15240582

HttpAnalyzer

e L,p/yv&_,lRG3y15240582

说明:

D,T l'wd[m6p#o0c o0_15240582

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

(y3J+`:Y,}15240582

51Testing软件测试网 J3d3F,d9qV6M3w)g
51Testing软件测试网%@ jV-geK%l2v1@}

HttpWatch51Testing软件测试网+fQ$|i Z+zH"n

说明:

'l*}+_ Z~1fy?15240582

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

,_EJ;O*r6ki1|L+i15240582


vHH8v9o.] x15240582
51Testing软件测试网!Y)H$B W)F`_9l7E1i3T

总结:

8lb7@w_*nk q15240582

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

,\0N6~:{x1Vs0R15240582

51Testing软件测试网0Gq.m'a)r`N

!w*h7z#Q/LGW)Z15240582


2xc].`$~2K15240582

6@ ~Cc;V j15240582

注:转载自网络。

!o!l/D^{-`i15240582

51Testing软件测试网 e3D!Kh0dX2f@

51Testing软件测试网2HMV.H9F)B#x

bAtXI6pWc15240582

J"mMT z o15240582

Mb|!btC$r1N C2w15240582

51Testing软件测试网X`g,d4~ @-r.]@

51Testing软件测试网 t&u] Z;y]&ce

51Testing软件测试网:G*O:d ~ x']\2^$G1q x.uC

51Testing软件测试网P|9RLCZ/eN$D

51Testing软件测试网!L `bH d Pf

j!mJw*vS+u2[15240582

TAG: 软件测试 web

 

评分:0

我来说两句

显示全部

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

Open Toolbar