js 阻塞
所有瀏覽器在下載 JS 的時(shí)候，會阻止一切其他活動，比如其他資源的下載，內(nèi)容的呈現(xiàn)等等。直到 JS 下載、解析、執(zhí)行完畢后才開始繼續(xù)并行下載其他資源并呈現(xiàn)內(nèi)容。為了提高用戶體驗(yàn)，新一代瀏覽器都支持并行下載 JS，但是 JS 下載仍然會阻塞其它資源的下載（例如.圖片，css文件等）。
由于瀏覽器為了防止出現(xiàn) JS 修改 DOM 樹，需要重新構(gòu)建 DOM 樹的情況，所以就會阻塞其他的下載和呈現(xiàn)。嵌入 JS 會阻塞所有內(nèi)容的呈現(xiàn)，而外部 JS 只會阻塞其后內(nèi)容的顯示，2 種方式都會阻塞其后資源的下載。也就是說外部樣式不會阻塞外部腳本的加載，但會阻塞外部腳本的執(zhí)行。
CSS 阻塞
CSS 本來是可以并行下載的，在什么情況下會出現(xiàn)阻塞加載了(在測試觀察中，IE6 下 CSS 都是阻塞加載）當(dāng) CSS 后面跟著嵌入的 JS 的時(shí)候，該 CSS 就會出現(xiàn)阻塞后面資源下載的情況。而當(dāng)把嵌入 JS 放到 CSS 前面，就不會出現(xiàn)阻塞的情況了。
根本原因：因?yàn)闉g覽器會維持 html 中 css 和 js 的順序，樣式表必須在嵌入的 JS 執(zhí)行前先加載、解析完。而嵌入的 JS 會阻塞后面的資源加載，所以就會出現(xiàn)上面 CSS 阻塞下載的情況。
