6

谁能解释一下为什么有那些空格（标有？）？他们正在延迟页面加载。我认为这可能是页面/脚本解析时间，但是对于一个简单的页面来说，~350ms 看起来太多了；好的，有很多脚本，但看起来还是很多。

会是什么？

Chrome 页面速度截图

4

2 回答 2

1

我的猜测是这是一个 JavaScript 加载问题。您应该使用 defer 属性来延迟加载 JavaScript。这将允许页面在执行 JavaScript 代码之前加载。

这是因为浏览器是单线程的，当它们遇到脚本标签时，它们会停止任何其他进程，直到它们下载并解析脚本。通过在末尾包含脚本，您允许浏览器下载和呈现所有页面元素、样式表和图像，而不会产生任何不必要的延迟。此外，如果浏览器在执行任何脚本之前呈现页面，您就知道所有页面元素都已可供检索。

请参阅http://www.hunlock.com/blogs/Deferred_Javascript和http://blog.fedecarg.com/2011/07/12/javascript-asynchronous-script-loading-and-lazy-loading/

于 2011-08-03T15:30:41.787 回答
0

您的 CSS 在标题部分中吗？

否则，您的浏览器可能会等待很长时间才能尝试加载资源。

第二个猜测是您的 JavaScript 出于某种原因阻止了页面加载。加载后是否有任何 DOM 操作？此外，您的 JavaScript 是否位于页面底部，最后加载？否则这可能会阻止加载。

于 2012-09-30T01:08:07.040 回答