Dojo 控件性能优化最佳实践

核心提示： 图 4. Firebug 网络监测界面Queuing：是 FireFox 内部一种列队机制，会将请求到的一些元素按照一定的规则加入到列队当中，Dojo 控件性能优化最佳实践(7)，然后装载到页面里，Waiting For Response：等待服务器响应的时间，遗憾的是目前为止 YSlow 暂时

图 4. Firebug 网络监测界面

Queuing：是 FireFox 内部一种列队机制，会将请求到的一些元素按照一定的规则加入到列队当中，然后装载到页面里。

Waiting For Response：等待服务器响应的时间。

Receiving Data：接收响应元素的时间。

TimeLine：DOMContentLoaded（蓝色竖线）：页面中 DOM 元素装载的时间（仅单纯的 DOM 元素，不包括 JavaScript 生成 DOM 元素）。Load（红色竖线）：页面装载完成时间，所有页面元素（DOM，JavaScript，CSS 等）全部加载完毕所消耗的时间。

了解这些图示的含义之后可以帮助我们对页面加载过程有更加深入的了解，如果在页面加载过程中遇到瓶颈，我们可以通过 Firebug 分析问题出现的位置，从而改进页面的装载效率。

另外向大家推荐一个非常小的 FireFox 插件 YSlow，我们在它的官方网站上可以看到更加详细的功能介绍（参见：http://developer.yahoo.com/YSlow/help/index.html）。 YSlow 是由 Yahoo 开发的一个用于测试分析网站优化的 Firefox 工具插件，需要结合 Firefox 的 Firebug 调试工具联合使用，遗憾的是目前为止 YSlow 暂时还不能在 IE 中工作，如果您希望仅对页面进行分析，它也可以不依靠 Firebug 单独的使用。

图 5. YSlow 界面