Sayfanda çok sayıda görsel var ve site ilk açılışta yavaş yükleniyor. Ziyaretçi henüz aşağı inmeden sayfanın en altındaki görseller de indirilmeye çalışıldığı için ilk görünüm gecikiyor. Lazy load yani tembel yükleme tam bu sorunu çözer: görseller ancak ekrana yaklaştıkça yüklenir. Bu yazıda WordPress’in yerleşik lazy load özelliğini, eklentiyle nasıl genişleteceğini ve video ile iframe tarafında nelere dikkat edeceğini anlatıyorum.
Lazy load nedir ve neyi hızlandırır
Normalde tarayıcı bir sayfayı açarken içindeki tüm görselleri baştan indirmeye başlar. Ziyaretçi sayfanın üst kısmını görürken alttaki on görsel de boşuna iner, bu da ilk yüklemeyi yavaşlatır ve gereksiz veri harcar. Tembel yüklemede görsellere bir işaret konur ve tarayıcı onları ancak ziyaretçi o bölüme yaklaştığında yükler. Böylece ilk açılış hızlanır, özellikle mobilde fark hissedilir. Bu yöntem Core Web Vitals ölçümlerinden LCP değerine de iyi gelir, çünkü ekranın üstündeki asıl içerik daha erken görünür. Uzun sayfalarda ve görsel ağırlıklı blog yazılarında etkisi en belirgindir.
Adım adım aktif etme
İyi haber şu: WordPress 5.5 sürümünden beri görsellerde lazy load varsayılan olarak açıktır. Yani tema ve eklenti kullanmadan da çoğu görselin gecikmeli yüklenir. WordPress bunu görsel etiketine loading niteliği ekleyerek yapar. Ama varsayılan davranış her zaman yeterli olmaz ve bazı durumlarda ayar yapman gerekir.
- Önce mevcut durumu kontrol et: bir sayfayı aç, sağ tıkla ve kaynağı görüntüle. Görsel etiketlerinde loading=”lazy” yazıyorsa yerleşik özellik çalışıyor demektir.
- Ekranın en üstündeki ana görsele (örneğin logo ya da ilk büyük görsel) lazy load uygulama. O görsel zaten hemen görünmeli, geciktirirsen LCP değeri kötüleşir.
- Daha fazla kontrol istiyorsan bir eklenti kur. WP Rocket, Perfmatters ya da ücretsiz a3 Lazy Load görsellere ek olarak video, iframe ve arka plan görsellerini de kapsar.
- Eklentide “ilk görseli hariç tut” ya da “üstteki N görseli atla” seçeneği varsa aç, böylece ekranın üstü hızlı görünür.
- Ayarları değiştirdikten sonra önbelleği temizle ve sayfayı mobilde test et.
Çoğu site için eklentiye gerek bile kalmaz; yerleşik özellik ilk büyük görseli ayarlamakla birleşince yeterli gelir.
Video, iframe ve dikkat edilecekler
Lazy load sadece görsellerle sınırlı değil. YouTube videoları ve harita gibi iframe’ler de sayfayı yorar, çünkü dışarıdan ağır kod çeker. Birçok hızlandırma eklentisi iframe’leri tıklanana kadar bir kapak görseliyle değiştirir, ziyaretçi oynat düğmesine basınca asıl video yüklenir. Bu, video gömülü sayfalarda ciddi fark yaratır. Dikkat edilecek birkaç nokta var. Tembel yükleme bazı eski temalarda ya da kaydırma animasyonlarında görsellerin geç belirmesine yol açabilir; böyle bir durumda sorunlu görseli hariç tutmak gerekir. Ayrıca iki ayrı eklentiyle aynı anda lazy load açarsan çakışma olur ve görseller hiç yüklenmeyebilir, bu yüzden tek kaynaktan yönet. Son olarak etkinin ne kadar olduğunu ölç. Ayarı açmadan önce ve açtıktan sonra sayfayı PageSpeed Insights ya da GTmetrix gibi bir araçla test et, ilk yükleme süresinin ve toplam indirilen veri boyutunun düştüğünü görürsün. Hız tarafını bütün olarak ele almak istersen WordPress site hızlandırma hizmetine, ölçüm ve test yöntemleri için de WordPress hız ve performans rehberine bakabilirsin.
Sık sorulan sorular
Lazy load SEO’ya zarar verir mi?
Doğru kurulduğunda zarar vermez, tersine hız puanına yardımcı olur. Google tembel yüklenen görselleri de görür. Tek risk, görseli hiç yüklenmeyecek şekilde yanlış ayarlamaktır; standart loading niteliği ya da bilinen bir eklentiyle bu sorun yaşanmaz.
WordPress zaten lazy load yapıyorsa eklenti gerekir mi?
Çoğu site için gerekmez. Yerleşik özellik görsellerin büyük kısmını kapsar. Eklentiye ancak video ve iframe’leri de geciktirmek, arka plan görsellerini dahil etmek ya da ilk görseli hariç tutma gibi ince ayarlar istediğinde ihtiyaç duyarsın.
Lazy load tek başına küçük bir ayar gibi görünse de hız optimizasyonunun bir parçasıdır ve yanlış kurulumu görselleri kaybettirebilir. Sitenin hız tarafını baştan sona düzenlememi istersen, mevcut durumu görmek için ücretsiz ön analiz isteyebilirsin.
Bu konunun tüm rehberi: WordPress Hız ve Performans Rehberi