本文介绍了一种通过懒加载技术优化JavaScript文件加载的方法，利用LazyLoad.js库实现js和css文件的延迟加载，有效提升网页加载速度。
如果一个html页面需要加载JavaScript文件，我们一般的做法都是在页面的head中加载它。
<head>
<script src="lazyload.js"></script>
</head>但如果随着项目的不断增大，需要加载的JavaScript文件也变多的话，如果还是使用这种方式去加载的话，会影响程序的性能，那么如何解决这个问题呢？答案是延迟加载js文件。
有一个非常小巧的js库可以很好的实现js的延迟加载——LazyLoad.js,下载地址：http://wonko.com/post/lazyload-200-released
使用方法非常简单，我们只想好好使用两个方法就行——css()和js()。当我们想要延迟加载js文件时，我们可以使用调用js()方法。
//加载一个js文件
LazyLoad.js(jsPath,function(){
alert("js file has been loade");
});
//加载多个js文件
LazyLoad.js([jsPath1,jsPath2,jsPath3],function(){
alert("js files have been loade");
});当我们想要加载css文件时，我们可以调用css()方法。
LazyLoad.css(cssPath,function(){
alert("css has been loaded");
});
扫一扫
108
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
