在文档底部而不是顶部加载JS的好处

Question

在文档的底部而不是顶部加载JS的真正好处（如果有）是什么？似乎页面加载和依赖于JS的功能有短暂的延迟。我正在使用html5boilerplate开始所有模板，但实际上不确定在底部加载JS有多有益。真的有很大的不同吗？如果是这样，为什么呢？

Answer 1

1. 如果在页面底部包括外部js文件，则将HTTP请求的优先级分配给将显示给客户端的可视显示，而不是交互或动态逻辑。我相信，如果您不使用内容传送网络将图像传送到客户端，则一次最多只能处理2个HTTP请求。您不想将这些请求浪费在逻辑上，因为我们都知道最终用户多么不耐烦。

2. 通过在文件末尾加载js，您可以（大部分时间）访问DOM，而无需调用document.ready（）函数。您知道，如果页面渲染最终到达了您的JavaScript代码，则通常已经加载了必要的页面元素。

还有更多原因，但是当我将所有js放在底部时感觉很尴尬时，这些都是我试图记住的重要原因。

Answer 2

Google搜索将返回大量结果，说明您为什么要这样做以及将看到什么改进。查看以下一些链接：

• 高性能网站：规则6-将脚本移到底部

• Rails最佳实践：底部的脚本

基本上，这样做的主要原因是可以缩短页面的渲染时间。从第一篇文章开始：

最好将脚本从页面顶部移到尽可能低的位置。一个原因是启用渐进式渲染，而另一个原因是实现更大的下载并行化。

Answer 3

取决于js中的内容。如果仅在页面加载时希望它“运行”，或者用jquery包围您的代码：$(function(){})或将其放在页面底部