網站的速度非常重要，現在有很多網站優化的工具，如 Google 的 Page Speed，Yahoo 的 YSlow，對于網頁圖片，Yahoo 還提供 Smush.it 這個工具對圖片進行批量壓縮，但是對于圖片非常多的網站，載入網頁還是需要比較長的時間，這個時候我們可以使用 Lazy Load 這個 jQuery 插件來延遲加載圖片。

Lazy loader 是一個延遲加載圖片的 jQuery 插件，在一些圖片非常多的網站中非常有用，在在瀏覽器可視區域外的圖片不會被載入，直到用戶將頁面滾動到它們所在的位置才加載，這樣對于含有很多圖片的比較長的網頁來說，可以加載的更快，并且還能節省服務器帶寬。

Lazy Loader 使用也非常簡單，首先確保你的頁面已經加載 jQuery javascript 庫，然后在加載 Lazy Load 的 Javascript 文件：

<script src="jquery.js" type="text/javascript"></script><script src="jquery.lazyload.js" type="text/javascript"></script>

然后在頁面的 header 添加如下代碼即可：

<script type="text/javascript"></script>$(document).ready(function(){    $("img").lazyload({         placeholder : "/images/grey.gif",        effect : "fadeIn"    });}</script>