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

Question

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

替代文字 http://www.walkner.biz/_temp/firebug_net.png

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

两个问题：

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

Answer 1

我不确定 YSlow 是否会帮助他，因为它会下载页面的所有元素并对其运行性能测试，而 swalkner 的问题是当所有其他元素（图像、CSS、等）被缓存。

至少我认为他是这么说的。

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

我建议首先检查 Javascript 错误。然后尝试一一删除一些异步加载调用，直到遇到瓶颈。事实上，把它们都去掉，下载的 HTML 需要多长时间才能渲染？花点时间从那里开始工作。

你的 HTML 文件很大吗？它是否使用了许多可能在 CSS 文件中的内联样式？

也许如果您发布了指向该站点的链接，那么人们会查看它。