为什么我的网站需要这么多时间来渲染？

Question

缓存时，我的起始页只需要加载一个元素（“根文档”） - 但是它需要一些时间才能完全渲染：

alt text http://www.walkner.biz/_temp/firebug_net.png

以下元素是通过JavaScript异步加载的内容。

两个问题：

1. 为什么从根文档加载到DomContentLoaded-event需要这么长时间？
2. 以异步方式加载一些不那么重要的东西是否有意义？尽早让DmoContentLoaded事件变得重要吗？不幸的是，没有太多关于该事件的文档，但我认为这不是页面显示的时刻，是吗？

Answer 1

我不确定YSlow会帮助他，因为它会下载页面的所有元素并对它们运行性能测试，而swalkner的问题是当所有其他元素（图像）呈现HTML页面时需要多长时间，CSS等等都是缓存的。

至少那是我认为他在说的。

在原始问题中，您说，“以下元素是通过JavaScript异步加载的内容。”但后来没有列出。装什么？

我建议在第一个实例中检查Javascript错误。然后尝试逐个删除一些异步加载调用，直到遇到瓶颈。实际上，将它们全部删除，下载的HTML需要多长时间才能呈现？花点时间在那里工作。

您的HTML文档是否非常大？它是否使用了许多可能在CSS文件中的内联样式？

也许如果您发布了该网站的链接，那么人们就会看一下。