在電子商務網站中，由于網站圖檔請求數過多，導緻首頁加載速度較慢，通過圖檔延遲加載機制，讓使用者通路頁面的時候，隻加載目前螢幕所見内容的圖檔，進而減少使用者請求數量，提升使用者體驗。
使用步驟：
1.引入Jquery類庫和延遲加載類庫:http://files.cnblogs.com/ywqu/Jquery%E5%BB%B6%E8%BF%9F%E5%8A%A0%E8%BD%BD.rar
2.首先給圖檔img加屬性original，并對其指派為圖檔路徑
3.在頁面加以下代碼
<script language="javascript" type="text/javascript">
$(function () {
$("img[original]").lazyload({
placeholder: "../Images/Default/grey.gif",
effect: "fadeIn"
});
});
</script>
4.最終效果
版權
作者：靈動生活 郝憲玮
如果你認為此文章有用，請點選底端的【推薦】讓其他人也了解此文章，
本文版權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接配接，否則保留追究法律責任的權利。