使用LazyLoad延时加载js,css

     网也中的JS越来越多,有时页面首次加载时有很多JS并没有用到。这时为了提高下载速度,

提高页面渲染效率就需要让这部分暂时不用的JS延迟加载,即只在用到它们的时候再下载。

LazyLoad.js就是这样的最简单JS,CSS的惰性加载。

    LazyLoad是一个很小的(gzip压缩后只有966个字节),使用起来也很方便!

// Load a single JavaScript file and execute a callback when it finishes.
LazyLoad.js('http://example.com/foo.js', function () {
  alert('foo.js has been loaded');
});

// Load multiple JS files and execute a callback when they've all finished.
LazyLoad.js(['foo.js', 'bar.js', 'baz.js'], function () {
  alert('all files have been loaded');
});

// Load a CSS file and pass an argument to the callback function.
LazyLoad.css('foo.css', function (arg) {
  alert(arg);
}, 'foo.css has been loaded');

// Load a CSS file and execute the callback in a different scope.
LazyLoad.css('foo.css', function () {
  alert(this.foo); // displays 'bar'
}, null, {foo: 'bar'});

使用LazyLoad加载统一加载js

注:使用它延时加载css,会造成页面渲染时闪动!

捐助共勉
版权声明:若无特殊注明,本文皆为原创,转载请保留文章出处。