JavaScript 标签、性能和 W3C答案

【问题标题】：JavaScript tags, performance and W3CJavaScript 标签、性能和 W3C
【发布时间】：2010-05-11 16:28:48
【问题描述】：

今天我在寻找网站优化内容时，发现一篇关于将 JavaScript 脚本移动到 HTML 页面底部的文章。这对 W3C 的建议有效吗？我了解到所有 JavaScript 都必须在 head 标签内... 谢谢。

【问题讨论】：

【解决方案1】：

来自documentation：

此元素可能在 HTML 文档的 HEAD 或 BODY 中出现任意次数。

【讨论】：

【解决方案2】：

有效。脚本标签可以在头部和正文中。将脚本标签移到正文结束标签之前会显着延长 IE 中的渲染时间，因为脚本会阻止并行下载。

【讨论】：

那么其他浏览器呢？它只是提高 IE 的速度？
您需要阅读提出此主张的人的研究：oreilly.com/catalog/9780596529307
这适用于所有浏览器。脚本可以以不可预知的方式与页面交互（特别是它们可以更改需要加载的内容），因此浏览器在加载和执行脚本时会暂停所有其他活动（设置defer 属性时除外）。 OTOH 将脚本放在正文的末尾意味着用户可以在短时间内与页面的无 javasript 版本进行交互，这可能会产生奇怪的效果。

【解决方案3】：

是的，SCRIPT element 可以作为BODY element 的子代：

<!ELEMENT BODY O O (%block;|SCRIPT)+ +(INS|DEL) -- document body -->

【讨论】：