javascript - 在底部加载 JS 相对于文档顶部的好处

Question

将 JS 加载到文档底部而不是顶部的真正好处是什么(如果有的话)。页面加载和依赖 JS 的功能似乎有短暂的延迟。

我正在使用 html5boilerplate用于开始我所有的模板，但我不确定在底部加载 JS 有多大好处。

它真的有那么大的不同吗？如果有，为什么？

Answer 1

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

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

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