摘要：也就是說是亂序的，而是順序執行，這也就決定了比較適用于百度分析或者谷歌分析這類不依賴其他腳本的庫。然而，這張圖幾乎是百度搜到的唯一答案是不嚴謹的，這只是規范的情況，大多數瀏覽器在實現的時候會作出優化。

今天在做一個小需的時候，忽然看到前輩一句吊炸天的代碼

臥槽，竟然同時有async和defer屬性，心想著肯定是前輩老司機的什么黑科技，兩個一塊兒肯定會發生什么神奇化學反應，于是趕緊懷著一顆崇敬的心去翻書翻文檔，先復習一下各自的定義。

先看看async和defer各自的定義吧，翻開紅寶書望遠鏡，是這么介紹的

這個屬性的用途是表明腳本在執行時不會影響頁面的構造。也就是說，腳本會被延遲到整個頁面都解析完畢后再運行。因此，在藍色線代表網絡讀取，紅色線代表執行時間，這倆都是針對腳本的；綠色線代表 HTML 解析。

也就是說async是亂序的，而defer是順序執行，這也就決定了async比較適用于百度分析或者谷歌分析這類不依賴其他腳本的庫。從圖中可以看到一個普通的
        
        
    
    
        ul>li{這是第$個節點}*1000