高性能WEB开发(6) - web性能测试工具推荐

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开发(6) - web性能测试工具推荐,布布扣,bubuko.com

时间: 2024-12-25 23:53:32

高性能WEB开发(6) - web性能测试工具推荐的相关文章

web开发之导出excel工具类

web开发中,一个系统的普通需求也包括导出excel,一般采用POI做统计报表导出excel. 导出excel工具类: import java.io.FileOutputStream; import java.io.IOException; import java.io.OutputStream; import java.util.List; import java.util.Map; import org.apache.poi.hssf.usermodel.HSSFCell; import o

10大主流性能测试工具推荐

市面上流行的压力/负载/性能测试工具多是来自国外,近年来国内的性能测试工具也如雨后春笋崛起.同时由于开发的目的和侧重点不同,其功能也有很大差异,下面就为您简单介绍10款目前最常见的测试产品. 1.kylinTOP测试与监控平台(商用版) kylinTOP测试与监控平台是一款B/S架构的跨平台的集性能测试.自动化测试.业务监控于一体的测试平台,它是深圳是奇林软件有限公司旗下的一款产品,该工具开放10个免费虚拟用户可供学习和使用.在易用性上较好,录制脚本支持最新版本的浏览器,对谷歌和火狐都支持非常好

html5开发入门 必备学习工具推荐

在这个IT互联网飞速发展的时代,html5已然成为了web开发中的热门话题,越来越多的小伙伴想要学习一门过硬的技术,当然html5语言的出世也受到了广大开发者们的喜爱,它被看做是web开发者创建流行web应用的利器,如今在这日新月异的移动时代,除了ios.android两大平台,还有windows phone等等多个竞争,这也恰恰给html5展现了机会,接下来简单了解下html5开发入门学习必知的几款主流工具. Dreamweaver CS6 Dreamweaver CS6 是世界顶级软件厂商A

分享最新15个加速 Web 开发的框架和工具(梦想天空)

我们为开发人员挑选了15个最新的  Web 开发框架,你肯定尝试一下这些新鲜的框架,有的可能略微复杂,有的提供了很多的配置选项,也有一些窗口小部件和界面交互的选择.他们将帮助你创建更优秀的网站,提供给用户更好的体验. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计 让网站动起来!12款优秀的 jQuery 动画插件 8个前沿 HTML5 & CSS3 效果[附源码下载] 1.

【数据库】Mean web开发 03-MongoDB客户端管理工具NoSQL Manager for MongoDB的使用

简介 Mean是JavaScript的全栈开发框架.更多介绍 用MongoDB实现持久数据的存储是Mean Web全栈开发中的一部分. MongoDB是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的.它的特点是高性能.易部署.易使用,存储数据非常方便. MongoDB的学习资料可参考: MongoDB中文社区 上一节介绍了MongoDB在windows下的安装方法,这篇介绍一下其NoSQL Manager for MongoDB的使用. 安装及连接 这

分享最新15个加速 Web 开发的框架和工具

我们为开发人员挑选了15个最新的  Web 开发框架,你肯定尝试一下这些新鲜的框架,有的可能略微复杂,有的提供了很多的配置选项,也有一些窗口小部件和界面交互的选择.他们将帮助你创建更优秀的网站,提供给用户更好的体验. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计 让网站动起来!12款优秀的 jQuery 动画插件 8个前沿 HTML5 & CSS3 效果[附源码下载] 1.

web开发一些常用的工具类的网站

持续更新中.......... 1.  网页图标网站: http://fontawesome.io 下面的链接浏览其提供的图标: http://fontawesome.io/icons/ 用法: 1.  下载,解压.并放到网站项目目录下 2. 在html文件中引入: <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css 3. 写图标 在http://fontawesome.io/

【转载】web开发中 web 容器的作用(如tomcat)

我们讲到servlet可以理解服务器端处理数据的java小程序,那么谁来负责管理servlet呢?这时候我们就要用到web容器.它帮助我们管理着servlet等,使我们只需要将重心专注于业务逻辑. 什么是web容器? servlet没有main方法,那我们如何启动一个servlet,如何结束一个servlet,如何寻找一个servlet等等,都受控于另一个java应用,这个应用我们就称之为web容器. 我们最常见的tomcat就是这样一个容器.如果web服务器应用得到一个指向某个servlet的

100+ 超全的web开发工具和资源

转载出处:https://xituqu.com/170.html 作为Web开发者,这是好的时代,也是坏的时代.Web开发技术也在不断变化.虽然很令人兴奋,但是这也意味着Web开发人员需要要积极主动的学习新技术和新的编程语言,并愿意和渴望接受新的挑战,以适应变化.新的挑战可能会包括一些开发上的要求,如利用适应现有的框架来满足业务需求.测试一个网站,能从中知道出了哪些技术上的问题,并且我们针对这些问题进行优化和消除.便于后端的开发进程加快和测试.所以我们列出了完整的web开发所需要的工具和资源,助