JS阻塞
所有瀏覽器在下載JS的時候，會阻止一切其他活動，比如其他資源的下載，內容的呈現等等。
直到JS下載、解析、執行完畢后才開始繼續並行下載其他資源並呈現內容。
為了提高用戶體驗，新一代瀏覽器都支持並行下載JS，但是JS下載仍然會阻塞其它資源的下載（例如.圖片，css文件等）。
由於瀏覽器為了防止出現JS修改DOM樹，需要重新構建DOM樹的情況，所以就會阻塞其他的下載和呈現。
嵌入JS會阻塞所有內容的呈現，而外部JS只會阻塞其后內容的顯示，
2種方式都會阻塞其后資源的下載。也就是說外部樣式不會阻塞外部腳本的加載，但會阻塞外部腳本的執行。
CSS阻塞
CSS本來是可以並行下載的，在什么情況下會出現阻塞加載了(在測試觀察中，IE6下CSS都是阻塞加載）
當CSS后面跟着嵌入的JS的時候，該CSS就會出現阻塞后面資源下載的情況。而當把嵌入JS放到CSS前面，就不會出現阻塞的情況了。
根本原因：因為瀏覽器會維持html中css和js的順序，樣式表必須在嵌入的JS執行前先加載、解析完。而嵌入的JS會阻塞后面的資源加載，所以就會出現上面CSS阻塞下載的情況。
嵌入JS應該放在什么位置？
1、放在底部，雖然放在底部照樣會阻塞所有呈現，但不會阻塞資源下載。
2、如果嵌入JS放在head中，請把嵌入JS放在CSS頭部。
3、使用defer（只支持IE）anysc W3C
4、不要在嵌入的JS中調用運行時間較長的函數，如果一定要用，可以用`setTimeout`來調用
Javascript無阻塞加載具體方式
將腳本放在底部。<link>還是放在head中，用以保證在js加載前，能加載出正常顯示的頁面。<script>標簽放在</body>前。
成組腳本：由於每個<script>標簽下載時阻塞頁面解析過程，所以限制頁面的<script>總數也可以改善性能。適用於內聯腳本和外部腳本。
非阻塞腳本：等頁面完成加載后，再加載js代碼。也就是，在window.onload事件發出后開始下載代碼。
（1）defer屬性：支持IE4和fierfox3.5更高版本瀏覽器
（2）動態腳本元素：文檔對象模型（DOM）允許你使用js動態創建HTML的幾乎全部文檔內容。代碼如下：
<script> var script=document.createElement("script"); script.type="text/javascript"; script.src="file.js"; document.getElementsByTagName("head")[0].appendChild(script); </script>
這里相當於給head下面插入了一個script的標簽。當script.src所對應的文件下載以后，再而后執行。
此技術的重點在於：無論在何處啟動下載，文件額下載和運行都不會阻塞其他頁面處理過程。即使在head里（除了用於下載文件的http鏈接）。