前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >高性能WEB开发(6) – web性能測试工具推荐「建议收藏」

高性能WEB开发(6) – web性能測试工具推荐「建议收藏」

作者头像
全栈程序员站长
发布2022-07-08 21:17:27
4840
发布2022-07-08 21:17:27
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是全栈君。

WEB性能測试工具主要分为三种。一种是測试页面资源载入速度的,一种是測试页面载入完成后页面呈现、JS操作速度的,另一种是整体上对页面进行评价分析,以下分别对这些工具进行介绍,假设谁有更好的工具也请一起分享下。

Firebug :

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

高性能WEB开发(6) - web性能測试工具推荐「建议收藏」
高性能WEB开发(6) - web性能測试工具推荐「建议收藏」

HttpWatch : httpwatch 功能类似firebug,能够监控请求头。响应头,显示资源载入瀑布图。

可是httpwatch还能显示GZIP压缩信息,DNS查询,TCP链接信息,个人在监控http请求比較喜欢使用httpwatch。

httpwatch包括IE和firefox插件。

只是httpwatch专业版本号是收费的,免费版本号有些功能限制。

高性能WEB开发(6) - web性能測试工具推荐「建议收藏」
高性能WEB开发(6) - web性能測试工具推荐「建议收藏」

DynaTrace’s Ajax Edition: dynaTrace 是本人常使用的1个免费工具,该工具不但能够检測资源载入瀑布图。并且还能监控页面呈现时间。CPU花销,JS分析和运行时间,CSS解析时间的等。

高性能WEB开发(6) - web性能測试工具推荐「建议收藏」
高性能WEB开发(6) - web性能測试工具推荐「建议收藏」

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的解析时间。

高性能WEB开发(6) - web性能測试工具推荐「建议收藏」
高性能WEB开发(6) - web性能測试工具推荐「建议收藏」

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

高性能WEB开发(6) - web性能測试工具推荐「建议收藏」
高性能WEB开发(6) - web性能測试工具推荐「建议收藏」

webpagetest : webpagetest 是1个在线进行性能測试的站点。在该站点输入你的url,就会生成1个url载入的时间瀑布图,对全部载入的资源(css,js,image等等)列出优化的清单,也是很好用的工具。

高性能WEB开发(6) - web性能測试工具推荐「建议收藏」
高性能WEB开发(6) - web性能測试工具推荐「建议收藏」

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/115782.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年1月3,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档