WordPress üzerinde Image Lazy Load Eklentisi

Birkaç sene önce hem görsel hemde performans açısından çok beğendiğim bir metod olan Image Lazy Load’u eklenti sayfasında dolaşırken gördüm. Önce biraz kurcaladım, sonra da kurdum. En çok ilgimi çeken tarafı ise ismi  “Image Lazy Load”

Şahsen her yazımda en az 1 tane öne çıkartılmış görsel öğe  kullanıyorum. Özellikle anasayfada 15 konu civarı özet gösterdiğimi düşünürsek, bu da sayfanın istediğimden yavaş yüklenmesine neden oluyor.

Bu eklentinin yaptığı sayfanızdaki resimleri tek seferde değil, sadece ekranda görünen/görünmesi gereken resimleri yüklüyor. Kalanını kaydırma çubuğunuzu aşağı indirdikçe yüklüyor. Böylece hem hız hem performans kazanmış oluyorsunuz (belkide biraz bandwidth).

Yeni eklenti ekleWordPress kullanıcılarının bu eklenti ve alternatiflerini yüklemesi çok kolay. Admin panel içinde bulunan sidebar üzerinden Eklentiler >Yeni Ekle ‘yi seçiyorsunuz. Açılan sayfada Eklenti Ara kısmına “Lazy Load” yada “Lazy Image Load” yazmanız yeterli. Onlarca alternatif eklenti arasından popülariteye göre dilediğinizi seçebilirsiniz.

Sonrasında etkinleştirip hemen kullanmaya başlayabilirsiniz.

Sitemize jquery son versiyonunu eklememiz gerek. Son versiyon için adres;

http://code.jquery.com/jquery-latest.js

Sonra şahsen beğendiğim/kullandığım image lazy load script dosyasını indirmelisiniz

http://www.appelsiini.net/download/jquery.lazyload.js

İndirdiğiniz bu dosyaları sitenize aşağıdaki şekilde ekleyerek çalışmasını sağlayabilirsiniz;

<script src="jquery-latest.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("img").lazyload();
});
</script>

 

Bilgi : Benzer şekilde lightbox da kurabilirsiniz. Denemek isterseniz, üstte görülen eklenti resmine tıklayabilirsiniz.

 

Herkese iyi çalışmalar

Hakan Müştak
Software Developer

 

 

   

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

question razz sad evil exclaim smile redface biggrin surprised eek confused cool lol mad twisted rolleyes wink idea arrow neutral cry mrgreen

*

Captcha Kontrolü * Zaman aşımı, sayfayı tekrar yükleyin


Top