google对js延迟加载方案的建议

浏览器在执行JavaScript代码时会停止处理页面,当页面中有很多JavaScript文件或代码要加载时,将导致严重的延迟。尽管可以使用defer、异步或将JavaScript代码放到页面底部来延迟JavaScript的加载,但这些都不是一个好的解决方案。

下面是Google的建议。

<script>
function downloadJSAtOnload(){
var elem = document.createElement("script");
elem.src="defer.js";
document.body.appendChild(elem);
};
if(window.addEventListener){
window.addEventListener("load",downloadJSAtOnload,false);
}else if(window.attachEvent){
window.attachEvent("onload",downloadJSAtOnload);
}else{
window.onload = downloadJSAtOnload;
};
</script>

测试结果:  

google对js延迟加载方案的建议

上一篇:C++语言基础(7)-inline内联函数


下一篇:(function(){})()这个是什么?有不明觉厉的感觉么?