最近在寫項目的時候畏纲，列表頁需要加載很多圖片，下載圖片花費(fèi)很多時間春缕，那么就會影響這個網(wǎng)頁的加載速度盗胀，用戶體驗差，很可能出現(xiàn)卡頓現(xiàn)象淡溯。因此读整，有選擇性的請求圖片簿训，能夠明顯的減少服務(wù)器壓力和流量咱娶，也能夠減少游覽器的負(fù)擔(dān)。
將頁面上img的src屬性設(shè)置為默認(rèn)圖片强品，而圖片真實路徑設(shè)置在data-original中膘侮。當(dāng)滾動頁面的時候lazyload.js計算圖片位置和滾動的位置，先加載默認(rèn)圖片的榛，后加載真實圖片琼了。
注意先寫jquery插件
img寫法
$('.info_img').lazylod();
threshold : 200 //設(shè)置靈敏度，表示進(jìn)入顯示區(qū)域還有200像素就開始加載
effect : "fadeIn" //使用淡入特效
failure_limit : 10 //容差范圍，一定要設(shè)置此值雕薪，原因說明請參考原文檔
container: $("#container") //使用父容器昧诱，父容器的CSS樣式至少應(yīng)包含"height: 600px;overflow: scroll;"兩個屬性
event : "click" //修改觸發(fā)事件為單擊
