阻塞加载
也称同步加载,会阻止浏览器的后续处理。通常把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>