web开发者性能优化工具(一)

  • 时间:
  • 浏览:5
  • 来源:跟我学网络

1   数据包嗅探器(在性能优化时,查看页面(包括页面中全部资源)的加载过程)

  HttpWatch (http://www.httpwatch.com/) 把网络流量用图形的方式绘制出来;图形化的展示更容易发现性能的延迟问题

  FireBug网络控制板,可以显示HTTP瀑布流。缺点:它的事件信息会受到网页本身的影响。Firebug是用javascript实现的,因此他和当前网页在相同的Firefox进程上执行;因此,如果javascript正在主页面上

  执行时有网络事件发生,那么网络控制面板会因阻塞而无法记录那些请求的事件信息。(FireBug插件仅仅适用于Firefox,不能在其它浏览器上运行)。

  AOL Pagetest(http://pagetest.wiki.sourceforge.net/)是Internet Explorer的插件,用于生成HTTP瀑布流。

  VATA用于提高网络性能。它的HTTP瀑布流比其他网络监视器更详细,其重点是能显示对已有TCP连接的重用。

  IBM Page Detailer:数据包嗅探器(可以对任意一个HTTP的进程进行网络流量的监视)。

  Web Inspector资源控制面板(网络监视功能的·网页开发工具)。

  Fiddler   优点:可以支持脚本,可以设置断点并且操纵HTTP通信。缺点:它是一个代理,可能会改变浏览器的一些行为(例如:每个服务器端打开链接)。

  CharleS(与Fiddler类似)。

  Wireshark(可以查看数据包级别的流量,比如分析快编码;在数据包上分析HTTP请求;可以在多平台使用)

2 Web开发工具(可以查看完整网页加载事件线上的内存消耗、CPU负载、javascript执行、css应用和HTML解析与渲染,并要求这些分析不影响浏览器的正常行为。)

  Firebug(最流行的WEB开发工具),Firebug拥有javascript输入命令行和输出控制台,以及javascript调试器和性能分析器;可以借助Fire Lite进行跨浏览器使用Firebug的一部分功能(Fire LIte提供了一个在所有浏览器通用的用户界面和比较完整的功能集。

  Web Inspector(类似于Firebug,可以自动补全控制台,css与DOM的检查器,以及Javascript的调试器与性能分析器)。

  IE Developer Toolbar(有个类似Fire List的功能集)它没有javascript调试和性能分析器,但是能支持HTML与css的验证、Dom检查器和像素布局工具。

3  性能分析器

    未完待续...