如何判断哪些javascript可以放在底部，哪些必须放在中？

我们可以用3种方式放置JavaScript

作为外部文件 在里面 体内 W3C是否对所有方法都有效

那么，如何判断JavaScript应该放在底部的哪个位置，或者哪个必须在中或中

我在很多网站上都见过JavaScript 在里面 作为外部js， 就在 某时某地。。。。 例如：在任何其他XHTML之前 将影响的标签/代码 使用JavaScript代码。 更新：

---

我看到大多数人在底部使用Google analytics代码作为内联javascript？

在大多数情况下，javascript应该作为外部文件，以允许缓存并避免在每次加载页面时重新下载完全相同的100+行脚本。另一方面，如果您只希望用户看到一次脚本，那么内联就可以了

---

不管它是在头部还是在正文中，实际上都是你的选择。

在大多数情况下，Javascript应该作为一个外部文件，以允许缓存并避免在每次加载页面时重新下载完全相同的100多行脚本。另一方面，如果您只希望用户看到一次脚本，那么内联就可以了

然而，它到底是进入头部还是进入身体，这实际上是你的选择。

相关SO帖子：

相关SO帖子：

---

在我的编码中，我遵循以下关于JS组织的规则：

任何对时间不敏感和/或在加载文档后运行的JS都会被放入外部JS文件并包含在head中 任何需要尽快运行的JS都会放在DOM中适当的位置，例如，如果您希望在加载必要的元素后立即运行某些代码，请将代码直接放在最后一个依赖元素的下面 任何像尼尔森/谷歌这样的外部跟踪库都会在关闭body标签之前的底部

---

在我的编码中，我遵循以下关于JS组织的规则：

任何对时间不敏感和/或在加载文档后运行的JS都会被放入外部JS文件并包含在head中 任何需要尽快运行的JS都会放在DOM中适当的位置，例如，如果您希望在加载必要的元素后立即运行某些代码，请将代码直接放在最后一个依赖元素的下面 任何像尼尔森/谷歌这样的外部跟踪库都会在关闭body标签之前的底部

---

如果您关心页面加载次数，那么将负载大小最小化可能会有所帮助。我已经链接到了有关推迟加载javascript的部分。不完全是你想要的，但可能会派上用场

---

事实上，它非常方便

如果您关心页面加载时间，那么这篇关于最小化有效负载大小的文章可能会有所帮助。我已经链接到了有关推迟加载javascript的部分。不完全是你想要的，但可能会派上用场

---

事实上，它非常方便

我通常会将尽可能多的内容放入外部js文件中。这方面的主要例外是在加载时将信息注入页面服务器端。我倾向于将不特定于一个页面的所有内容都推送到库/站点js文件中。如果你不需要内联脚本，比如：document.write，那么最好在结束正文标记之前将你的脚本推到底。参见YSlow和yahoo关于为什么这样做的研究

如果页面/脚本不需要document.write，请将其放在底部。 如果确实需要文档，请编写并评估原因。 如果它可以很容易地外部化为一个单独的.js，那么就这样做。 如果它不是特定于一个页面，则将其放入多个页面使用的.js中。 尽可能将自定义站点脚本合并到单个.js中。 缩小/减少said.js并尽可能使用http压缩。 主要原因如下：

将标记与脚本分开。 将标记与脚本分开。 尽可能将标记与脚本分开，与css相同 创建可重用的脚本以减少服务器请求。 减少服务器请求 减少传输文件的时间。

---

我通常会尽可能多地放入外部js文件中。这方面的主要例外是在加载时将信息注入页面服务器端。我倾向于将不特定于一个页面的所有内容都推送到库/站点js文件中。如果你不需要内联脚本，比如：document.write，那么最好在结束正文标记之前将你的脚本推到底。参见YSlow和yahoo关于为什么这样做的研究

如果页面/脚本不需要document.write，请将其放在底部。 如果确实需要文档，请编写并评估原因。 如果它可以很容易地外部化为一个单独的.js，那么就这样做。 如果它不是特定于一个页面，则将其放入多个页面使用的.js中。 尽可能将自定义站点脚本合并到单个.js中。 缩小/减少said.js并尽可能使用http压缩。 主要原因如下：

将标记与脚本分开。 分开你 从脚本中删除标记。 尽可能将标记与脚本分开，与css相同 创建可重用的脚本以减少服务器请求。 减少服务器请求 减少传输文件的时间。

---

将其放在底部的问题是，当您需要在页面加载完成之前加载javascript时。例如，基于javascript的菜单。在页面完全加载之前，您需要使用菜单。@Martin在编写菜单时要确保它在不使用JavaScript的情况下工作。可用性测试和合规性是存在的。将其放在底部的问题是，当您需要在页面加载完成之前加载javascript时。例如，基于javascript的菜单。在页面完全加载之前，您需要使用菜单。@Martin在编写菜单时要确保它在不使用JavaScript的情况下工作。这里有可用性测试和遵从性。