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

2020/11/30 22:31 · jquery ·  · 0评论

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

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

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

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

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

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

在下载引用的脚本时,浏览器通常不会并行下载其他文件,从而减慢了页面加载速度。

请参阅:加速网站的最佳做法

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

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

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

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

本文地址:http://jquery.askforanswer.com/zaiwendangdibuerbushidingbujiazaijsdehaochu.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!