IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

WEB性能测试工具推荐

流金岁月 2010-07-12 23:27:11 累计浏览 7,003 次
本机暂存

    WEB性能测试工具主要分为三种,一种是测试页面资源加载速度的,一种是测试页面加载完毕后页面呈现、JS操作速度的,还有一种是总体上对页面进行评价分析,下面分别对这些工具进行介绍,如果谁有更好的工具也请一起分享下。

Firebug:

     Firebug 是firefox中最为经典的开发工具,可以监控请求头,响应头,显示资源加载瀑布图:

    HttpWatch :

     httpwatch 功能类似firebug,可以监控请求头,响应头,显示资源加载瀑布图。但是httpwatch还能显示GZIP压缩信息,DNS查询,TCP链接信息,个人在监控http请求比较喜欢使用httpwatch,

    httpwatch包含IE和firefox插件。不过httpwatch专业版本是收费的,免费版本有些功能限制。

    DynaTrace’s Ajax Edition

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

Speed Tracer:

     speed trace 是google chrome的1个插件,speed trace的优势点是用于监控JS的解析执行时间,还可以监控页面的重绘、回流,这个还是很强的(dynaTrace也能有这个功能)。

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

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

原图已失效

    Page Speed :

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

    yslow :

     yslow跟pge speed一样是基于 firefox\\firebug的插件,功能与page speed类似,对各种影响网站性能的因素进行评分,yslow是yahoo的工具,本人也一直在使用,推荐一下。

    webpagetest :

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

     有需要请查看:高性能WEB开发系列

同分类推荐文章

  1. 新特性速递:focus()行为新增focusVisible控制 (2026-05-29 16:23:06)
  2. Algorithmic Theming Engines: Building Self-Correcting Color Systems With `contrast-color()` (2026-05-28 21:00:00)
  3. Revealing Text With CSS letter-spacing (2026-05-27 20:37:33)

查看更多 前端 文章 →

建议继续学习

  1. JQuery实现Excel表格呈现 (累计阅读 48,266)
  2. 深入理解Javascript之执行上下文(Execution Context) (累计阅读 18,268)
  3. Linux如何统计进程的CPU利用率 (累计阅读 16,203)
  4. 由浅入深探究mysql索引结构原理、性能分析与优化 (累计阅读 16,192)
  5. 从输入 URL 到页面加载完成的过程中都发生了什么事情? (累计阅读 15,805)
  6. 如何查找消耗资源较大的SQL (累计阅读 15,120)
  7. 图片动态局部毛玻璃模糊效果的实现 (累计阅读 14,764)
  8. 天朝第二代身份证号码的验证机制 (累计阅读 14,688)
  9. HTML 5 的data-* 自定义属性 (累计阅读 14,245)
  10. 分享一个JQUERY颜色选择插件 (累计阅读 14,146)