延迟加载js的方式
1.动态创建
2.setTimeout
3.async和defer
重点说一下async和defer
首先这两个属性都是写入外部链接中的形式
<script async src="./index.js"></script> <script defer src="./index.js"></script>
区别:
正常情况下一个页面的加载过程
使用async:html解析和下载js脚本同时进行,js不是顺次执行,谁先加载完成谁先执行,如果存在一个文件依赖另外一个文件的话不可以用async。
使用defer:等html解析完成,js脚本下载完成后才会执行,且顺次执行js