js的阻塞加载、延迟加载、异步加载

阻塞加载

也称同步加载，会阻止浏览器的后续处理。一般把js文件放在body结束标签以前，使得DOM加载完后再加载js。

延迟加载

页面初始化时只加载须要当即执行的 js ，而后其它 js 的加载延迟到第一次须要用到的时候再加载。需在script标签中添加defer。

<script src="js/index.js" defer></script>

异步加载

也叫非阻塞模式加载，浏览器在下载js的同时，同时还会执行后续的页面处理。需在script标签中添加async。

<script src="js/index.js" async></script>