demo : http://cradex.org/wordpresste-acilis-hizini-3-kat-artirmak-eklentisiz-lazyload-kullanimi/

Blogumuzun açılış hızı, bu işlemden önce yaklaşık 15 saniye ve sayfa yükü 12MB civarındaydı. Yaptığım araştırmalar ve değerlendirmeler sonucu wordpress eklentilerinin işe yaramaz olduğunu, yaklaşık 25 tane kadar Lazy Load eklentisinin de stabil çalışmadığını farkettim. Sadece slider'da 6-7 MB resim dosyası bulunuyor ve haliyle site bunları yüklerken beklemek insanın canını sıkıyordu. Bu kadar ağır bir sayfayı, kullanıcıyı sıkmadan nasıl optimize edebilirdik? Yine en mantıklı şeyin, resimlerin tek kalemde yüklenmemesini sağlamak olduğu sonucuna varınca, lazy load entegresini manuel olarak yapayım dedim. Öncelikle Jquery'yi sayfamıza dahil ediyoruz ; ben header. php'de yaptım, eğer zaten kullanıyorsanız ikinci kere çağırmak hatalara sebep olacaktır. Ardından Lazy Load javascript dosyamızı jquery'nin altında include ediyoruz. kütüphaneleri dahil ettikten sonra header. php'de Jquery syntaxımızı yazıp, img tagına sahip bütün elementleri seçiyoruz ve lazyload ile yükletiyoruz. Kod:

demo linkini düzenlermisiniz