为了账号安全,请及时绑定邮箱和手机立即绑定

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

/ 猿问

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

catspeake 2019-12-13 15:10:37

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


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


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


查看完整描述

3 回答

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

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

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



查看完整回答
反对 回复 2019-12-14
?
123456qqq

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

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

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

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

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



查看完整回答
反对 回复 2019-12-14
?
富国沪深

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


查看完整回答
反对 回复 2019-12-14

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信