一尘不染

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

javascript

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

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

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


阅读 232

收藏
2020-05-01

共1个答案

一尘不染

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

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

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

2020-05-01