为什么浏览器等待结束加载页面？答案

【问题标题】：Why does the browser wait to end loading the page?为什么浏览器等待结束加载页面？
【发布时间】：2011-10-13 15:11:51
【问题描述】：

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

会是什么？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

你的 CSS 在标题部分吗？

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

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

【讨论】：