最大限度利用 JavaScript 和 Ajax 性能(转)

?

要使用 Firebug 的网络分析工具，只要单击?Net?选项卡。将会显示所有生成的 HTTP 请求、响应代码和接收的消息、接收来源域、文件大小、发送时间点。还可以深入这些请求，查看发送的 HTTP 头部、接收到的响应、所用文件相关缓存信息。图 2?显示的是 Firebug 关于网络流量输出报告的样例。

?

要分析应用程序的加载时间和 HTTP 请求，单击 Inspector 窗口顶部的?Resources?按钮。然后您可以选择查看所使用的网络资源的时间和大小的图片。图 4?中显示的是漂亮的输出结果样例。

Google Chrome 的 Developer Tools 与 Safari 一样（都是基于浏览器的 WebKit），可以在在 Developer 菜单中看到 Developer Tools。

?

不巧的是，Internet Explorer 的 Developer Tools 不包含网络分析器。如果您想要用 Internet Explorer 分析应用程序的网络流量，可以使用 Fiddler 工具。它可用于发出 HTTP 请求的所有应用程序，包括 Internet Explorer。想要了解更多关于 Fiddler 的信息，见?参考资料。

?

ExpiresActive onExpiresDefault "access plus 2 days"

当然，缓存 JavaScript 文件的问题是，如果进行更改，则使用缓存版本的用户在超时期限内再次访问将使用缓存的版本，而非更新后的版本。幸运的是，您可以通过向加载脚本的 <script> 标记中添加带版本号的查询语句来强制用户获取最新版本。该查询语句对 JavaScript 代码没有影响，但对于浏览器而言，这是个完全独立的文件，并会下载新版本。当然，每次更改文件后就增加版本号很重要。在大型应用程序中，应建立自动处理此过程的脚本，以防此类问题发生。

原文链接http://www.ibm.com/developerworks/cn/web/wa-aj-jsajaxperf/