在绘制大树时，Dynatree变慢了

Question

我在寻找关于如何用Dynatree渲染更快的大树的提示

我只是尝试一下Dynatree jquery插件。

我尝试呈现一棵相当大的树: Root有7592个子节点，大约与根有10层深。

在我使用Firefox浏览器的PC上，Firebug告诉我：

在2.68s后加载的

• DOMcontentloaded
• 页面内容(这取决于网络速度，将加载356 KB )在3s
• 上，然后“加载”到达9s

因此，大约需要6s来渲染这棵树。

构建树的代码由HTML组成，带有ul、li和"a href“标记，整个树是根据请求在服务器端创建的，使用经典的ASP和SQL server不超过500 is就可以生成页面HTML。

有办法提高速度吗？用JSON？使用摇头丸模式？如何在非ajax树上设置此模式？

诚挚的问候

弗雷德

Answer 1

听起来比我想象的要慢。

我建议在服务器上构建数据并以JSON的形式发送。如果速度仍然太慢，只发送第一级或第一级和第二级，并标记为“懒惰”，因此它们将按需加载。您可以在这里找到一个示例：http://wwwendt.de/tech/dynatree/doc/sample-lazy.html

还有一个基准页面，您可以将其用作引用：http://wwwendt.de/tech/dynatree/doc/test-bench.html