网站图片预加载-加快网站打开速度

发布时间:2017-04-11

图片延迟加载

data-src=""  //储存数据

//实现代码

function preloadImage(src, callback) {
        var img = new Image();
        img.src = src;
        if (img.complete) {
            callback.call(img);
            return;
        }
        img.onload = function () {
            callback.call(img);
        };
    }
$("img[data-src]").each(function(){
var ths = $(this);
preloadImage(ths.attr('data-src'),function(){
ths.attr('src', ths.attr('data-src'));
});
}

src改成data-src

再添加一个src="默认图片"

例如:<img src="/images/pixel.gif" data-src="图片路径"/>