Sayfa Aşağı İndikçe Yüklenen Resimler İçin Jquery Kütüphanesi LazyLoad

Merhaba arkadaşlar yazdığımız Eticaret sitesinde anasayfamızda 20 30 adet ürün olabilir ve bu sayfaın yüklenme hızını düşürebilir.Ama kullanıcı sayfayı aşağı doğru kaydırdıkça ürün resimleri yüklenirse bu sayfamızın açılma hızını etkileyecektir.Bu işlem için LazyLoad kullaniyoruz.

Code:

<script charset='utf-8' src='http://mcdmedya.com/file/kr/jquery.min.js' type='text/javascript'></script>
<script src='http://mcdmedya.com/file/kr/jquery.lazyload.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function() {
          $("img").lazyload({
              placeholder : "http://mcdmedya.com/file/kr/grey.gif",
              effect      : "fadeIn"
           });
       });
</script>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>

işlem tamamdır artık sayfanın görünen kısmı dışında kalan resimler yüklenmeyecek sayfa aşağı indikçe yüklenecekler.