Dojo 控件性能优化最佳实践

核心提示： 如果在项目中大量应用 Dojo 控件，页面解析 widget 的时间因其数量的增加会变得很长，Dojo 控件性能优化最佳实践(6)，这种情况下就需要仔细考虑页面装载的效率问题，页面装载所消耗的时间是和页面中节点的数量成正比的，提示给出了请求的路径、状态，请求文件的大小，因为 Dojo 会遍历页面

如果在项目中大量应用 Dojo 控件，页面解析 widget 的时间因其数量的增加会变得很长，这种情况下就需要仔细考虑页面装载的效率问题，页面装载所消耗的时间是和页面中节点的数量成正比的，因为 Dojo 会遍历页面中所有的节点来检验是否该节点是一个 Dojo 控件，即使我们没页面中没有定义任何的 Dojo 控件，遍历页面的操作依然无法避免，那么，避免无谓的性能损失和优化 Dojo 控件的创建过程可以显著的提升页面加载的性能。

JS 调试工具简介

在分析页面加载过程中我们需要引入一些相应的工具来监测页面执行的过程，相信大家对 Firebug 都已经非常的了解了，在本文中我们引用 Firebug 1.4-Alpha 这个版本，以下是下载链接的地址：http://getfirebug.com/releases/index.html

图 2. 下载页面

查看原图（大图）

点击 end-user versions，就可以看到可用版本下载的链接提示，新版本给我们带来了更强大的网络监视功能，至于其他方面的新体验，这里不进行详述，有兴趣的读者可以深入研究。Firebug 在网络这个选项中进行了很大的改进，让我们体验一下加强的网络监控功能， 打开 Firebug 窗口，如下图：

图 3. Firebug 使用界面

可以看到新的网络选项内容更加丰富了，在该视图中我们可以看到该页面向服务器端发送了哪些请求以及响应时间，点击每一个请求，我们可以看到请求的详细信息，提示给出了请求的路径、状态，请求文件的大小，在页面装载过程中每一个阶段所消耗的时间，下面简单介绍一下图示的含义：