Blogger Lazy Load JQuery Eklentisi

Blogger kullananlar artık gerçekten çok şanslı. Birazdan tanıtacağım eklentiyle artık resimleriniz sayfanın aşağı taraflarına indikçe yüklenecek ! Bu sayede sitenizin açılış hızında az da olsa bir azalma olacak. Çünkü bu eklentiyle tüm resim nesneleri jpg,gif,png,bmp vs. ve hatta flash dosyalar bile siz sayfanın aşağı taraflarına indikçe yüklenmiş olacak ! Eklentinin demosunu vermeyeceğim çünkü şu dakikadan itibaren blogumda kullanıyorum ve vazgeçilmez bir eklenti oldu benim için :) İsterseniz bu basit ve bir o kadar da faydalı bu eklentinin anlatımına gelelim:



Bu eklentiyi aktif hale getirebilmek için Blogger hesabımıza giriş yapıp "HTML'yi Düzenle" kısmına girelim, ve "Widget Şablonlarını Genişlet" tikini aktif hale getirelim. Daha sonra CTRL+F tuş kombinasyonu ile </head> kodunu bulalım ve hemen önüne şu kodları ekleyelim:

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

Evet arkadaşlar bu basit kodlarla sitenizdeki resimleriniz ve diğer nesneleriniz siz sayfanın aşağılarına indikçe yüklenecek. Eklenti çok basit ama yine de yapamazsanız yorum formunu kullanabilirsiniz. Hayırlı akşamlar dilerim..