本教程將使用Visual Studio 2013手把手教你用lazyload.js釋放你網(wǎng)站的寬帶召嘶。本文源碼：https://github.com/shellcheng/UsedLazyjs
本文地址：用lazyload.js釋放你網(wǎng)站的寬帶
本教程由技術(shù)愛好者成笑笑(博客：http://www.chengxiaoxiao.com/)寫作完成。如有轉(zhuǎn)載肚吏，請(qǐng)聲明出處。
目錄
lazyload.js的介紹和優(yōu)勢(shì)
如何使用lazyload
lazyload.js的介紹和優(yōu)勢(shì)
lazyload.js使用場(chǎng)景：
當(dāng)一個(gè)網(wǎng)頁(yè)中含有大量圖片時(shí)，只有所有的圖片被加載下來(lái)之后，整個(gè)頁(yè)面才會(huì)展現(xiàn)出來(lái)笼蛛。往往這個(gè)過(guò)程是緩慢的。用戶需要等待大量的時(shí)間蛉鹿，大大增加了用戶的跳出率伐弹。減少了網(wǎng)站對(duì)用戶的黏度。
其實(shí)對(duì)于這個(gè)頁(yè)面來(lái)說(shuō)榨为，用戶是從上到下瀏覽的惨好。而當(dāng)用戶瀏覽頁(yè)面的頂部時(shí)，我們沒(méi)有必要也給用戶加載底端的圖片随闺，只要加載用戶可以看到的頁(yè)面內(nèi)部的圖片就可以了日川。
所以lazyload.js就是基于這個(gè)場(chǎng)景設(shè)計(jì)的。只加載用戶看到的頁(yè)面的圖片矩乐。其他的圖片先不加載龄句，等到用戶看到時(shí)，再加載散罕。
如何使用lazyload
第一步：引用jquery（因?yàn)閖query.lazyload.js是基于jquery的分歇，所以要先引用jquery，并且放在jquery.lazyload.js的上面）
第二步：引用jquery.lazy.load.js
第三步：寫代碼使lazy生效
第四步：更改img屬性
教程完畢Ｅ肥职抡！
