web开发者性能优化工具（一）

web开发者性能优化工具

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  性能分析器

　　　　未完待续...