最大限度利用 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/