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>