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

　　　　未完待续...

 

 

个人笔记：

以下是一些Web开发者常用的性能优化工具：

1. Google PageSpeed Insights：Google开发的性能评估工具，可为您的网站提供性能改进建议和分数。   

　　

Google PageSpeed Insights是一个在线的Web性能评估工具，无需下载即可使用。您可以通过访问以下网址来访问Google PageSpeed Insights官方网站：

https://developers.google.com/speed/pagespeed/insights/

 

在该网站上，您可以输入您的网站URL，然后点击“分析”按钮，Google PageSpeed Insights会为您的网站提供性能评估报告和性能改进建议。同时，该网站还提供了许多有用的Web性能优化技巧和建议，可以帮助您提升您的网站性能和用户体验。

 

2. GTmetrix：一个流行的网站性能分析工具，帮助你找出你的网站性能瓶颈，并提供优化建议。

 

Google PageSpeed Insights是一个在线的Web性能评估工具，无需下载即可使用。您可以通过访问以下网址来访问Google PageSpeed Insights官方网站：

https://developers.google.com/speed/pagespeed/insights/

在该网站上，您可以输入您的网站URL，然后点击“分析”按钮，Google PageSpeed Insights会为您的网站提供性能评估报告和性能改进建议。同时，该网站还提供了许多有用的Web性能优化技巧和建议，可以帮助您提升您的网站性能和用户体验。

 

3. Pingdom：一个网站性能监测工具，监测网站的可用性和响应时间。

 

Pingdom是一个在线的网站性能监测工具，不需要下载。你可以直接访问它的官方网站 https://www.pingdom.com/ ，在主页上输入你要监测的网址，选择监测地点和监测频率，然后开始监测。监测完成后，你可以查看监测结果和性能报告。如果你需要更多的功能，可以注册一个免费账号，或者购买高级服务。

 

4. YSlow：一个可以集成到浏览器中的性能评估工具，可以为您的网站提供性能分数和建议。

 

YSlow是一个浏览器插件，可以帮助你分析网页的性能，并提供优化建议。你可以在官网 https://yslow.org/ 上找到适合你浏览器的版本进行下载和安装。YSlow目前支持的浏览器包括Chrome、Firefox、Safari等。安装完成后，你可以在浏览器的工具栏中找到YSlow的图标，点击它就可以开始分析网页的性能了。

 

5. WebPageTest：一个开源网站性能测试工具，可为您的网站提供详细的性能测试报告。

6. Chrome开发者工具：一个内置于Chrome浏览器中的性能分析工具，可以帮助您分析网站的性能瓶颈和优化建议。

7. Firebug：一个Firefox浏览器的开发者工具，可以帮助您调试JavaScript代码、分析CSS样式和性能优化。

 

除此之外，一些Web框架和库，如React、Vue、Angular等，也提供了一些性能优化工具和技术，可以帮助开发者提升网站的性能和用户体验。