之前)
2. 組織腳本每個標簽初始下載都會阻塞頁面渲染,所以減少頁面包含的標簽數量有助于改善這一情況。考慮到到HTTP請求會額外帶來性能的開銷。下載單個100B的文件比下載4個25B的文件更快。所以,減少頁面中外鏈腳本文件的數量會改善性能。
3. 無阻塞的腳本延遲的腳本:帶有defer屬性的標簽,需要瀏覽器支持
動態腳本元素:在跨瀏覽器兼容性和易用的優勢,是最通用的無阻塞加載解決方案
XMLHttpRequest注入:先創建一個XHR對象,然后用她下載javascript文件,最后通過創建動態元素將代碼注入頁面中
var xhr = new XMLHttpRequest(); xhr.open("get","file.js",true); xhr.onreadystatechange = funtion(){ if(xhr.readyState == 4){ if(xhr.status>=200&&xhr.status<300||xhr.status==304){ var script = document.creatElement("script"); script.type="text/javascript"; script.text=xhr.responseText; document.body.appendChild(script); } } }; xhr.send(null); //由于代碼是在<閱讀需要支付1元查看