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

Question

任何人都可以解释为什么那些空格（标有？）在那里？他们正在推迟页面加载。我认为它可能是页面/脚本解析时间，但对于一个简单的页面来说〜350ms看起来太多了;好的，有很多脚本，但它看起来仍然很多。

它有什么用？

Answer 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/

Answer 2

你的CSS是否在标题部分？

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

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