网页底部/顶部的JavaScript？

我只是使用Mozilla Firefox的插件“Yslow”，它告诉我应该把JavaScript放在底部。我以前听过这个，但是没有太多的想法。把JavaScript放在网页的底部，与顶端相比，真的有优势吗？

在执行JavaScript之前，它将允许网页加载明显，这对Google Analytics等事情是有意义的，在加载页面之前不需要这样做。

您可能还需要研究诸如jQuery，原型等，并将其附加到“ready”处理程序，该处理程序在DOM完全加载后执行JavaScript代码，这是适用于大量JavaScript代码的适当位置。

假设您没有在CDN上运行，或者没有从单独的子域或服务器提供JS，它将同步加载，并强制您的HTML内容等待下载文件。通过在closures</body>标记之前将JS放在页面的底部，可以在加载javascript之前parsingHTML。 这给出了更快的页面加载时间的效果。

如果你有静态的HTML内容和大量的JavaScript，它可以在感知的页面加载时间有所不同，因为HTML将首先加载给用户看看。如果你没有太多的javascript，或者现有的页面内容依赖于javascript是有用的，那么这实际上并没有那么有用。

我想带来更新到这个主题，谷歌最近引入了asynchronous剪辑http://support.google.com/analytics/bin/answer.py?hl=zh-CN&answer=1008080&rd=1可以为您的网站添加，以将例如谷歌统计支持。; 为了获得最佳性能，应该放在<head>部分的底部。重点是，这可能会增加跟踪信标罩在用户离开页面之前被发送。

此外，它应该位于那里，如果你想validation您的网站在谷歌网站pipe理员工具使用您的谷歌分析。

除此之外，同样的规则基本上仍然适用 – JavaScript的底部“快速”加载的页面。我用引号，因为我不计数页面完全加载，直到JavaScript完成;-)

是的，页面将加载内容并在加载和执行javascript之前呈现它，因此页面加载速度会更快。

它允许所有DOM元素在加载解决它们的Javascript之前完全加载。这个标准也是Visual Studio的一部分。

将脚本放置在元素的底部会提高显示速度，因为脚本编译会降低显示速度。