啟用lazyload外掛程式，減少圖片載入 轉載至 http://lusongsong.com/blog/post/299.html

菊子曰部落格管理軟體在留言本告訴我：每次開啟新的一頁，都要載入100多個Gravatar頭像，建議可以使用lazyload的js外掛程式，減少圖片載入，提高頁面載入速度和節省流量。雖然這個頭像是第三方伺服器來的，不消費部落格的流量，但是能節省部分訪客的載入時間，也是不錯的哦。

之前我在博文中也說過用lazyload外掛程式，只是後來換到更好的伺服器後就沒管了。菊子曰很熱心的把載入的圖片做了：

看到這張圖我才意識到，只有我這裡網速快是沒用的，立刻啟用了lazyload，使用者的瀏覽器開啟頁面需要載入這麼多Gravatar頭像，我在考慮是不是去掉Gravatar頭像？

Lazy Load 是一個用 JavaScript 編寫的 jQuery 外掛程式. 它可以消極式載入長頁面中的圖片. 在瀏覽器可視地區外的圖片不會被載入, 直到使用者將頁面滾動到它們所在的位置. 這與圖片預先載入的處理方式正好是相反的。（官方示範地址）

安裝方法：

把這兩個JS檔案，一個圖片下載放到你的部落格空間，以JS形式調用到你圖片多的網頁即可

<script type="text/javascript" src="http://lusongsong.com/themes/LuSongSong/script/jquery.js"></script>

<script type="text/javascript" src="http://lusongsong.com/themes/LuSongSong/script/jquery.lazyload.js"></script>

http://lusongsong.com/themes/LuSongSong/script/grey.gif