再為大家具體介紹一下：

有時我們看到一些大型網(wǎng)站，頁面如果有很多圖片的時候，當(dāng)你滾動到相應(yīng)的行時，當(dāng)前行的圖片才即時加載的，這樣子的話頁面在打開只加可視區(qū)域的圖片，而其它隱藏的圖片則不加載，一定程序上加快了頁面加載的速度，對于比較長的頁面來說，這個方案是比較好的。
推薦：使用jquery圖片延遲加載插件jquery.lazyload實現(xiàn)圖片延遲
實現(xiàn)原理：
把所有需要延時加載的圖片改成如下的格式：





然后在頁面加載時，把所有使用了lazy_src的圖片都保存到數(shù)組里，然后在滾動時計算可視區(qū)域的top，然后把延時加載的圖片中top小于當(dāng)前可視區(qū)域（即圖片出現(xiàn)在可視區(qū)域內(nèi)）的圖片的src的值用lazy_src的來替換（加載圖片）：
JS代碼：





使用方法：把頁面上需要延時加載的圖片src改成為lazy_src，然后把上面的js放到body最后面，然后調(diào)用：lazyLoad.init();

調(diào)戲的方法可以使用firebug來查看一時圖片是否是延時加載。

另外：

如果你的頁面上存在有內(nèi)容切換的欄目的話，可能在切換時切換的內(nèi)容里的圖片可能會不顯示，處理的方法是在內(nèi)容時單獨圖片加載處理，如：





 所謂圖片異步加載，意思是不用一次把圖片全部加載完，你可以叫它延遲加載，緩沖加載都行。
 看看你有沒有這種需求：某篇文章圖片很多，如果在載入文章時就載入所有圖片，無疑會延緩載入速度，讓用戶等更久，所以，我想找這樣一種插件，讓網(wǎng)頁只加載瀏覽器視野范圍內(nèi)的圖片，沒出現(xiàn)在范圍內(nèi)的圖片就暫不加載，等用戶滑動滾動條時再逐步加載，lazyload就是用來實現(xiàn)這種效果。

lazyload.js其實是jQuery的一個插件，全稱是jquery.lazyload.js，看它的名字就知道它的作用了——就是偷懶載入的意思。由于它是javascript寫的，所以適用于所有網(wǎng)頁，包括Wordpress。
 想要使用lazyload，得先載入jQuery，它是依靠jQuery來實現(xiàn)效果的。
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com