我經(jīng)常使用的一種方法給圖片占位，就是 padding-bottom: 37.4375%;這個(gè)百分?jǐn)?shù)就是高/寬*100%，很好用！

用一張容易加載的圖（可以直接base64） 搞

考慮懶加載吧。優(yōu)先加載打開頁面顯示的圖片，其他的圖片在頁面滾動(dòng)的過程中再加載，計(jì)算到頂部的距離，當(dāng)在展示范圍多少之內(nèi)時(shí)，完成加載。

通常頁面中如果頁面較多的話，我會(huì)弄個(gè)loading，在img標(biāo)簽中，把真實(shí)地址放到lazysrc中，如：

<img lazysrc="真實(shí)地址">

js中，用onload判斷圖片是否加載完畢：

function load(){
    let $img = $('img[lazysrc]'),
        imglength = $img.length,
        num = 0;

    let imgload=(imgurl, callback)=>{
        let newimg = new Image();

        img.src = url;
        if (img.complete) {
            callback();
        } else {
            img.onload = function () {
                callback();
                img.onload = null;
            };
        };
    }

    $img.each((item)=>{
        imgload($(item).attr('lazysrc'), function(){
            num++;

            if( num>= imglength ){
                alert( 'loading finished' );
            }
        })
    })
}
load();