js延迟加载的方式有哪些？

js的延迟加载有助与提高页面的加载速度，以下是延迟加载的几种方法：

1.使用setTimeout延迟方法的加载时间

延迟加载js代码，给网页加载留出更多时间

<script type="text/javascript" >function A(){$.post("/lord/login",{name:username,pwd:password},function(){alert("Hello");});}$(function (){setTimeout('A()', 1000); //延迟1秒})
</script>

2.让js最后加载

例如引入外部js脚本文件时，如果放入html的head中,则页面加载前该js脚本就会被加载入页面，而放入body中，则会按照页面从上倒下的加载顺序来运行JavaScript的代码~~~ 所以我们可以把js外部引入的文件放到页面底部，来让js最后引入，从而加快页面加载速度

3.上述方法2也会偶尔让你收到Google页面速度测试工具的“延迟加载javascript”警告。所以这里的解决方案将是来自Google帮助页面的推荐方案。

//这些代码应被放置在</body>标签前(接近HTML文件底部)
<script type="text/javascript">function downloadJSAtOnload() {var element = document.createElement("script");element.src = "defer.js";document.body.appendChild(element);}if (window.addEventListener)window.addEventListener("load", downloadJSAtOnload, false);else if (window.attachEvent)window.attachEvent("onload", downloadJSAtOnload);else window.onload = downloadJSAtOnload;
</script>

这段代码意思是等到整个文档加载完后，再加载外部文件“defer.js”。
使用此段代码的步骤：
1）.复制上面代码

2）.粘贴代码到HTML的标签前 (靠近HTML文件底部)

3）.修改“defer.js”为你的外部JS文件名

4）.确保你文件路径是正确的。例如：如果你仅输入“defer.js”，那么“defer.js”文件一定与HTML文件在同一文件夹下。

注意：这段代码直到文档加载完才会加载指定的外部js文件。因此，不应该把那些页面正常加载需要依赖的javascript代码放在这里。而应该将JavaScript代码分成两组。一组是因页面需要而立即加载的javascript代码，另外一组是在页面加载后进行操作的javascript代码(例如添加click事件或其他东西)。这些需等到页面加载后再执行的JavaScript代码，应放在一个外部文件，然后再引进来。

js延迟加载的方式有哪些？相关推荐

解决js延迟加载的方式
1.什么是JS延迟加载? JS延迟加载就是页面加载完成之后再加载js文件,有助于提高页面加载速度. 因为js是单线程,会阻塞DOM解析,因此也会阻塞DOM的加载. HTML元素是按其在页面中出现的次序 ...
js 延迟加载的方式有哪些
js延迟加载就是当页面全部加载完毕,然后再加载js文件,这样做有助于提高页面加载的速度. 下面将总结js中延迟加载的几种方式. 1.defer属性在script标签上,设置defer属性,可以达到异 ...
爱创课堂每日一题第五十二天- js延迟加载的方式有哪些？
defer和async.动态创建DOM方式(创建script,插入到DOM中,加载完毕后callBack).按需异步载入js call() 和 apply() 的区别和作用? 作用:动态改变某个类的某 ...
js 延迟加载的方式有哪些？
1.defer 属性 2.async 属性 3.动态创建DOM方式 4.使用jQuery的getScript方法 5.使用setTimeout延迟方法 6.让JS最后加载
js延迟加载的方式有哪些
设置<script>属性 defer="defer" (脚本将在页面完成解析时执行) 动态创建 script DOM:document.createElement('s ...
ajax异步加载延时问题,关于js延迟加载（异步操作）的方式
一.概述最近重新开始学习js,在第一章的一个小节里写到了"脚本调用策略",书上写的这部分不多,但是发现在我之前的(笔)面试中,问到的频率还是比较高的.自己一直习惯于直接把所有js ...
js延迟加载优化页面响应速度
网页打开速度是衡量网站性能的一个极为重要的指标,今天就来说说如何通过JS延迟加载的方式提高页面响应速度: JS延迟加载的含义:即等页面加载完成之后再加载 JavaScript 文件. 作用:JS延迟 ...
面试：js 延迟加载方式
相关知识点: js 延迟加载,也就是等页面加载完成之后再加载 JavaScript 文件. js 延迟加载有助于提高页面加载速度一般有以下几种方式: defer 属性 async 属性动态创建 D ...
javaScript基础面试题 -- 延迟加载JS有哪些方式？
延迟加载JS有哪些方式? js脚本放置在不同位置,对页面加载的不同影响 defer与async的区别: 回答:defer 与 async js脚本放置在不同位置,对页面加载的不同影响关于这个问题,首 ...

js延迟加载的方式有哪些？

js延迟加载的方式有哪些？相关推荐

最新文章

热门文章