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).
WordPress 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;
Sonra şahsen beğendiğim/kullandığım image lazy load script dosyasını indirmelisiniz
İ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 yanıt yazın