为什么浏览器要等待页面加载结束?
谁能解释一下为什么会有这些空格(标有?)?他们正在延迟页面加载。我认为这可能是页面/脚本解析时间,但是对于一个简单的页面来说,~350ms 看起来太多了;好吧,剧本有很多,但看起来还是太多了。
会是什么?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
谁能解释一下为什么会有这些空格(标有?)?他们正在延迟页面加载。我认为这可能是页面/脚本解析时间,但是对于一个简单的页面来说,~350ms 看起来太多了;好吧,剧本有很多,但看起来还是太多了。
会是什么?
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(2)
我的猜测是这是一个 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/
My guess is that it is a JavaScript loading issue. You should be deffering loading of JavaScript using a defer attribute. This will allow the page to load before it will execute the JavaScript code.
This is because browsers are single threaded and when they encounter a script tag, they halt any other processes until they download and parse the script. By including scripts at the end, you allow the browser to download and render all page elements, style sheets and images without any unnecessary delay. Also, if the browser renders the page before executing any script, you know that all page elements are already available to retrieve.
See http://www.hunlock.com/blogs/Deferred_Javascript and http://blog.fedecarg.com/2011/07/12/javascript-asynchronous-script-loading-and-lazy-loading/
你的 CSS 位于标题部分吗?
否则,您的浏览器可能会等待很长时间才能尝试加载资源。
第二个猜测是您的 JavaScript 出于某种原因阻止了页面加载。加载后是否有任何 DOM 操作?另外,您的 JavaScript 是否位于页面底部,最后加载?否则这可能会阻止加载。
Is your CSS in the header section?
Else your browser might wait quite long before attempting to load the resources.
Second guess would be that your JavaScript is blocking the page load for whatever reason. Is there any DOM manipulation right after load? Also, is your JavaScript located at the bottom of your page, loaded last? Else this could potentially block loading.