Lazy Load - jQuery plugin for lazy loading images

之前在瀏覽一些網站時，發現有些網站圖片內容載入好像稍微慢了一些，像是 The Ultimate jQuery List。

仔細的觀察一下行為，就會查覺到這些網站的圖片載入的速度其實並不慢，只是圖片會在捲動到可視範圍內才開始載入。

這麼作真適合版面較長的網頁，可以舒緩伺服器端的瞬間吞吐量，能夠增加效率而且並不難，已經有現成的 Lazy Load Plugin for jQuery 能用，真是一整個開心吶。

簡介一下使用方法，除了 jQuery，你還需要先下載 jquery.lazyload.js，並且在網頁中把它們都載入。

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

然後在網頁中加入啟用的 script 段，就這樣

$("img").lazyload();

大功告成！

感謝 Mika Tuupola 的 Lazy Load Plugin for jQuery，想看看效果的話可以到先前提到的 The Ultimate jQuery List。