渲染大树时Dynatree变慢

时间:2012-06-12 16:43:34

标签: performance tree dynatree

我正在寻找有关如何使用Dynatree

渲染速度更快的大树的提示

我刚试了一下Dynatree jquery插件。

我尝试渲染一个相当大的树:Root有7592个子节点,类似于根目录的10个级别

在我的带有Firefox浏览器的电脑上,Firebug告诉我,我得到了:

  • 页面内容在2.68秒后加载(这取决于网络速度,356 要加载的KB)
  • DOMstentloaded at 3s
  • 然后'load'到达9s

因此渲染树需要大约6秒。

构建树的代码由HTML构成,带有ul,li和“a href”标记 整个树是在服务器端根据请求创建的,使用经典ASP和SQL服务器为页面生成HTML不需要超过500毫秒

有没有办法提高速度? 使用JSON? 使用lasy模式?如何在非ajax树上设置此模式?

祝你好运

佛瑞德

1 个答案:

答案 0 :(得分:0)

这听起来比我想象的要慢。

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

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