阻塞dom解析和不阻塞dom解析的資源 (DOMContentLoaded)和(window onload)

下面的圖很清晰地解釋了dom解析與不同js的加載的不同：   綠色表示dom解析，灰色表示阻塞，紫色表示js加載（下載），紅色表示js執行   會阻塞dom解析的資源有： 1.內聯css 2.內聯js 3.普通外聯js  ，加載情況如下 dom解析一旦遇到普通外聯js，就會停下來下載，下載完成後執行，執行後再繼續dom解析，灰色代表阻塞時間 4.外聯defer js  外聯defer js與普通j

>>阅读原文<<