script標簽存在兩個屬性，defer和async，因此script標簽的使用分為三種情況：
1.<script src="example.js"></script>
沒有defer或async屬性，瀏覽器會立即加載並執行相應的腳本。也就是說在渲染script標簽之后的文檔之前，不等待后續加載的文檔元素，讀到就開始加載和執行，此舉會阻塞后續文檔的加載；
2.<script async src="example.js"></script>
有了async屬性，表示后續文檔的加載和渲染與js腳本的加載和執行是並行進行的，即異步執行；
3.<script defer src="example.js"></script>
有了defer屬性，加載后續文檔的過程和js腳本的加載(此時僅加載不執行)是並行進行的(異步)，js腳本的執行需要等到文檔所有元素解析完成之后，DOMContentLoaded事件觸發執行之前。
其中藍色代表js腳本網絡加載時間，紅色代表js腳本執行時間，綠色代表html解析。
從圖中我們可以明確一下幾點：
1.defer和async在網絡加載過程是一致的，都是異步執行的；
2.兩者的區別在於腳本加載完成之后何時執行，可以看出defer更符合大多數場景對應用腳本加載和執行的要求；
3.如果存在多個有defer屬性的腳本，那么它們是按照加載順序執行腳本的；而對於async，它的加載和執行是緊緊挨着的，無論聲明順序如何，只要加載完成就立刻執行，它對於應用腳本用處不大，因為它完全不考慮依賴。