Bir web sayfasındaki görsel, video veya iFrame nesnelerinin sayfa ilk açıldığında değil, yalnızca kullanıcı ekranı aşağı kaydırıp ilgili alana yaklaştığında yüklenmesini sağlayan performans optimizasyonudur.
\n\nNasıl Çalışır ve Temel Prensipleri Nelerdir?
\nTarayıcının yerel loading='lazy' niteliği veya Intersection Observer API'si ile ekran penceresine giren elemanlar tespit edilir ve src özniteliği dinamik olarak yüklenir.
\n\nNeden Kritik Öneme Sahiptir?
\nİlk sayfa açılış boyutunu dramatik şekilde düşürür; sunucu bant genişliğini korur, sayfa açılışını hızlandırır ve Google Core Web Vitals (LCP/FCP) puanlarını yükseltir.
\n\nEn İyi Uygulama ve Kullanım İpuçları
\nEkranın ilk görünen üst alanındaki (Above the Fold) ana hero görsellerine ASLA lazy-load vermeyin; yalnızca ekranın altındaki içeriklere uygulayın.
\n\nSık Yapılan Hatalar ve Kaçınılması Gerekenler
\nSayfanın en tepesindeki ana banner görseline lazy-load ekleyerek LCP metriğinin gecikmesine yol açmak.
Sıkça Sorulan Sorular (SSS)
Lazy Loading Nedir? (Tembel Görsel Yükleme) hakkında en sık yöneltilen sorular ve mühendislik ekibimizin uzman yanıtları:
HTML görsel etiketine loading='lazy' özniteliği eklenerek tüm modern tarayıcılarda sıfır JavaScript ile çalışır.
Hayır, Googlebot sayfayı kaydırarak lazy load içeriklerini sorunsuz şekilde tarar ve indeksler.