Firebug 如何玩到极致

2019-05-06   出处:软件测试资源站  作/译者: 马蚁蛋  

WEB性能测试工具主要分为三种:

一种是测试页面资源加载速度的;

一种是测试页面加载完毕后页面呈现、JS操作速度的;

一种是总体上对页面进行评价分析。


1. Firebug

2.HttpWatch 

3.DynaTrace's Ajax Edition

4.Speed Tracer

5.Page Speed 

6.yslow 

7.webpagetest 

8....


1.Firebug:


Firebug 是firefox中最为经典的开发工具,它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和Ajax的得力助手。可以监控请求头,响应头,显示资源加载瀑布图:


2.HttpWatch :


httpwatch 功能类似firebug,可以监控请求头,响应头,显示资源加载瀑布图。但是httpwatch还能显示GZIP压缩信息,DNS查询,TCP链接信息,个人在监控http请求比较喜欢使用httpwatch,每一个HTTP记录都可以详细的分析其 Cookies、消息头、字符查询等信息。支持HTTPS及分析报告输出为XML、CSV等格式

3.DynaTrace's Ajax Edition:


dynaTrace 是本人常使用的1个免费工具,该工具不但可以检测资源加载瀑布图,而且还能监控页面呈现时间,CPU花销,JS分析和执行时间,CSS解析时间的等。

4.Speed Tracer:


speed trace 是google chrome的1个插件,speed trace的优势点是用于监控JS的解析执行时间,还可以监控页面的重绘、回流。

注:安装这个插件,需要安装 Google Chrome Developer Channel 版本,但是这个链接的地址在国内好像打不开,如果打不开,请大家直接到这个地址去下载:


http://www.google.com/chrome/eula.html?extra=devchannel


5.Page Speed :


Page speed 是基于firebug的1个工具,主要可以对页面进行评分,总分100分,而且会显示对各项的改进意见,Page Speed也能检测到JS的解析时间。

6.yslow :


yslow跟pge speed一样是基于 firefox\firebug的插件,功能与page speed类似,对各种影响网站性能的因素进行评分,yslow是yahoo的工具,可以分析任何网站,并为每一个规则产生一个整体报告,如果页面可以进行优化,则YSlow会列出具体的修改意见。(可以对网站的页面进行分析,并告诉你为了提高网站性能,如何基于某些规则而进行优化)本人也一直在使用,推荐一下。


7.webpagetest :


webpagetest 是1个在线进行性能测试的网站,在该网站输入你的url,就会生成1个url加载的时间瀑布图,对所有加载的资源(css,js,image等等)列出优化的清单,也是非常好用的工具。

 


欢迎给测试窝投稿或参与内容翻译工作,请邮件至editors@testwo.com。也欢迎大家通过新浪微博(@测试窝)或微信公众号(测试窝)关注我们,并与我们的编辑和其他窝友交流。
135°|1358 人阅读|0 条评论

登录 后发表评论