JavaScript之延迟加载

• 什么是js延迟加载
• js延迟加载有什么好处
• js延迟加载的几种常见方式

1.什么是js延迟加载？

js延迟加载就是页面加载完之后在加载JavaScript文件

这里有一张图外部引用了js文件，这个时候加载完整个网页大概流程就是：从上往下一个一个加载

2.js延迟加载有什么好处？

js延迟加载可以提高网页加载的效率，利于优化网页

3.js延迟加载的几种常见方式？

1.async属性

如何使用：在<script>标签上添加asyns属性

 这个时候网页加载就是加载网页的时候就已经加载JavaScript文件

2.defer属性

如何使用：在<script>标签上添加defer属性

 这和时候网页加载和async的加载类似，加载网页的时候就已经加载JavaScript文件

3.async和defer有什么区别？

async属性是同步加载js文件，比如：a.js和b.js文件都有async属性，这个时候a和b文件谁先执行完成就先加载哪个文件。

defer属性是按顺序依次加载js文件，比如：a.js和b.js文件都有defer属性，这个时候就会先执行a文件在执行b文件