JavaScript脚本延迟加载的方式有哪些?

349 阅读1分钟

1 defer 属性

给js脚本添加defer属性,使js脚本的加载与文档解析同步,文档解析完成之后再执行脚本,这样的话页面的渲染不被阻塞

2 async属性

这个属性会让js脚本异步加载,当脚本加载完成后会立即执行脚本文件,如果文档没解析完同样会阻塞,

3动态创建dom

监听js文档加载完成后,动态创建script标签来引入js脚本

4使用 setTimeout 延迟方法

设定一个定时器来延迟加载js脚本

5让js脚本最后加载

将js脚本放在文档底部,让js脚本尽量最后执行