Lazy loading, bir sayfadaki görsel, video ya da bileşenlerin sayfa açılır açılmaz değil, kullanıcı o bölüme yaklaştığında yüklenmesidir; ilk açılışta indirilen veri miktarını azaltarak sayfanın daha hızlı kullanılabilir olmasını sağlar.
Lazy loading, ekranda henüz görünmeyen içeriğin yüklenmesini erteleme tekniğidir. Uzun bir ürün listesinde kullanıcı ilk açılışta yalnızca üstteki birkaç ürünü görür; alttaki elli görselin o anda indirilmesi bant genişliği ve zaman kaybıdır. Tarayıcılar bu davranışı görsel ve çerçeve etiketlerine eklenen basit bir öznitelikle yerel olarak destekler; daha karmaşık senaryolarda küçük bir betik kullanıcının kaydırma konumunu izler ve içeriği yaklaştıkça ister. Aynı ilke JavaScript bileşenlerine de uygulanır: yorum bölümü, harita ya da video oynatıcı ancak gerektiğinde yüklenir.
İşletme sahibi için neden önemli
Görsel ağırlıklı sitelerde ilk açılışta indirilen veri, yükleme süresinin en büyük kalemidir. Ertelemeyle sayfa daha az veriyle kullanılabilir hale gelir; bu hem mobil kullanıcının kotasını korur hem de LCP gibi metrikleri iyileştirir. Sunucu ve CDN trafiği de azalır, çünkü kullanıcının hiç kaydırmadığı bölümlerdeki görseller hiç indirilmez. Uygulaması düşük maliyetli, etkisi ölçülebilir bir iyileştirmedir; ancak nerede uygulanmayacağını bilmek de aynı derecede önemlidir.
Örnek
Bir düğün fotoğrafçısının galeri sayfasında 120 yüksek çözünürlüklü fotoğraf tek seferde yükleniyor ve mobilde sayfa uzun süre tepkisiz kalıyor. Görsellere tembel yükleme uygulanıyor, ilk ekranda görünen altı fotoğraf ise öncelikli olarak işaretleniyor. Sayfa ilk açılışta yalnızca görünür fotoğrafları indiriyor; ziyaretçi kaydırdıkça geri kalanlar akıcı biçimde geliyor.
Sık yapılan hata
İlk ekranda görünen ana görsele de tembel yükleme uygulamaktır; tarayıcı bu görseli geç ister ve LCP kötüleşir. İkinci hata, görsellere boyut tanımlamadan ertelemektir; görseller yüklendikçe sayfa kayar ve CLS yükselir. Üçüncüsü, arama motorunun erişmesi gereken içeriği yalnızca kaydırma olayına bağlı bir betikle yüklemektir; bot kaydırmadığı için içerik dizine girmeyebilir.
Teklif alırken sorulacak soru
Hangi içerikler tembel yüklenecek ve ilk ekrandaki öğeler bunun dışında tutulacak mı? Ertelenen içerik arama motorları tarafından erişilebilir olacak mı?
Sık sorulanlar
Lazy loading SEO'ya zarar verir mi?
Doğru uygulandığında hayır. Görseller tarayıcının yerel özniteliğiyle ertelenirse arama motoru bunları görür. Yalnızca kaydırma ile tetiklenen özel betiklerde içerik gözden kaçabilir.
Her görsele uygulanmalı mı?
Hayır. İlk ekranda görünen logo, ana görsel ve başlık alanındaki görseller hemen yüklenmelidir; erteleme yalnızca ekranın altında kalan içerik için anlamlıdır.
