defer和async的區別

當瀏覽器碰到 script 指令碼的時候：

沒有 defer 或 async，瀏覽器會立即載入並執行指定的指令碼，「立即」指的是在渲染該 script 標籤之下的文件元素之前，也就是說不等待後續載入的文件元素，讀到就載入並執行。

有 async，載入和渲染後續文件元素的過程將和 script.js 的載入與執行並行進行（非同步）。

有 defer，載入後續文件元素的過程將和 script.js 的載入並行進行（非同步），但是 script.js 的執行要在所有元素解析完成之後，domcontentloaded 事件觸發之前完成。

defer和async的區別

當瀏覽器碰到script指令碼的時候 沒有defer或async，瀏覽器會立即載入並執行指定的指令碼，立即 指的是在渲染該script標籤之下的文件元素之前，也就是說不等待後續載入的文件元素，讀到就載入並執行。有async，載入和渲染後續文件元素的過程將和script.js的載入與執行並行進行 非同...

defer和async的區別

先來試個一句話解釋仨，當瀏覽器碰到script指令碼的時候 沒有defer或async，瀏覽器會立即載入並執行指定的指令碼，立即 指的是在渲染該script標籤之下的文件元素之前，也就是說不等待後續載入的文件元素，讀到就載入並執行。有async，載入和渲染後續文件元素的過程將和script.js的載...

defer和async的區別

沒有defer或async，瀏覽器會立即載入並執行指定的指令碼，立即 指的是在渲染該script標籤之下的文件元素之前，也就是說不等待後續載入的文件元素，讀到就載入並執行。有async，載入和渲染後續文件元素的過程將和script.js的載入與執行並行進行 非同步 有defer，載入後續文件元素的過...