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

Question

在文档底部而不是顶部加载JS的真正好处（如果有）是什么？似乎页面加载和依赖于JS的功能有短暂的延迟。

我正在使用html5boilerplate开始所有模板，但实际上不确定在底部加载JS有多有益。

真的有很大的不同吗？如果是这样，为什么呢？

Answer 1

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

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

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