【春节日更】JS延迟加载的几种方式

面试中，经常被问到：

“JS延迟加载的几种方式”

今天，我们就来分享下JS延迟加载的方式

JS延迟加载，也就是等页面加载完成之后再加载 JavaScript 文件。

JS延迟加载有助于提高页面加载速度。

一般有以下几种方式：

defer 属性

async 属性

动态创建DOM方式

使用jQuery的getScript方法

使用setTimeout延迟方法

让js最后加载

1. defer 属性

HTML 4.01 为

说明：虽然

async和defer一样，都不会阻塞其他资源下载，所以不会影响页面的加载。

缺点：不能控制加载的顺序

3. 动态创建DOM方式代码语言：javascript复制//这些代码应被放置在标签前(接近HTML文件底部)

4. 使用jQuery的getScript()方法代码语言：javascript复制$.getScript("outer.js",function(){

//回调函数，成功获取文件后执行的函数

console.log("脚本加载完成")

});

5. 使用setTimeout延迟方法6.让JS最后加载把js外部引入的文件放到页面底部，来让js最后引入，从而加快页面加载速度

参考：

https://blog.csdn.net/meijory/article/details/76389762