之前)
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元查看