前端開(kāi)發(fā)中:往往頁(yè)面有很多圖片,而首屏出現(xiàn)的圖片大概就少量幾張,全部加載圖片的話,不僅影響頁(yè)面渲染速度,還浪費(fèi)帶寬。首屏加載技術(shù)就是圖片懶加載,圖片到可視區(qū)域再加載。
將頁(yè)面里所有img屬性src屬性用data-xx代替,當(dāng)頁(yè)面滾動(dòng)直至此圖片出現(xiàn)在可視區(qū)域時(shí),用js取到該圖片的data-xx的值賦給src。
其中兩個(gè)插件可以幫我們實(shí)現(xiàn)圖片懶加載。
1、jqueryLazyload 依賴Jquery
2、echo.js方式
參考http://www.cnblogs.com/liliangel/p/6122836.html
http://www.cnblogs.com/flyromance/p/5042187.html