Geç Yükleme (Lazy Loading)

Ne anlama gelir?

Geç yükleme, sayfanın alt kısımlarındaki görsellerin baştan indirilmemesi, kullanıcı kaydırdıkça yüklenmesidir. Böylece ilk yükleme çok daha hafif olur.

Nasıl uygulanır?

<img src="urun.webp" loading="lazy" width="600" height="400" alt="...">

Tarayıcıların yerleşik loading="lazy" özelliği çoğu durumda yeterlidir; ayrıca JavaScript kütüphanesi gerekmez.

En kritik kural: ilk ekranı hariç tutun

Görünen alandaki görsellere geç yükleme uygulamak LCP'yi belirgin biçimde kötüleştirir. Çünkü tarayıcı o görseli önceliklendirmez, geç keşfeder.

İlk ekran görseli:   loading="eager"  (veya hiç belirtme)
Alt taraftaki:       loading="lazy"

Bu ayrımı yapmadan tüm görsellere toplu lazy uygulamak, sık görülen ve ölçülebilir zarar veren bir hatadır.

Neye uygulanabilir?

• Ürün listelerindeki alt sıra görselleri
• Blog yazısı içi görseller
• Gömülü videolar (önizleme görseli gösterip video kütüphanesini tıklamada yükleyin)
• Alt kısımdaki harita ve sosyal medya gömülüleri
• Yorumlar bölümü

SEO açısından indeksleme riski

Yerleşik tarayıcı özelliği kullanıldığında sorun yoktur. Ancak JavaScript ile kurgulanan özel geç yükleme çözümlerinde içerik hiç yüklenmeyebilir.

Özellikle şu durumda risk yüksektir: İçerik yalnızca kaydırma olayı tetiklendiğinde yükleniyorsa, bot kaydırma yapmadığı için o içeriği hiç görmeyebilir.

Test yöntemi

1. Search Console URL denetiminde "taranan sayfayı görüntüle" ile HTML'i inceleyin
2. Geç yüklenen görsellerin src değerlerinin orada olup olmadığını kontrol edin
3. Tarama aracıyla render açık/kapalı karşılaştırma yapın

Yer tutucu kullanın

Görsel yüklenene kadar alanı boş bırakmak düzen kaymasına yol açar. width ve height belirterek veya en-boy oranı tanımlayarak yerini baştan ayırın.

Ne anlama gelir?

Geç yükleme (lazy loading), sayfadaki görsellerin ve kaynakların hepsini baştan değil, yalnızca kullanıcı o bölüme yaklaştığında yükleme tekniğidir. Böylece ilk sayfa yükü hafifler, sayfa daha hızlı açılır ve kullanıcının hiç görmeyeceği içerik boşuna indirilmez. Sayfa hızı optimizasyonunun yaygın ve etkili bir yöntemidir.

Faydaları

• İlk sayfa yükünü azaltır
• Bant genişliğinden tasarruf sağlar
• Core Web Vitals metriklerini iyileştirir

Kritik SEO tuzağı

Geç yüklemenin en tehlikeli yanlış kullanımı, ekranın üst kısmındaki (ilk görünen) kritik görsellere, özellikle LCP öğesine geç yükleme uygulamaktır. Bu, tarayıcıyı en önemli görseli en son yüklemeye zorlar ve LCP'yi belirgin biçimde kötüleştirir. Ayrıca yanlış uygulanan geç yükleme, botların bazı içerikleri hiç görmemesine yol açabilir. Bu yüzden geç yükleme yalnızca ekranın altındaki içeriğe uygulanmalıdır.

Gerçek örnek

Bir haber sitesinde LCP çok yüksekti; sorunun görsel boyutu olduğu sanılıyordu. Asıl neden, ilk ekrandaki manşet görselinin geç yükleme ile işaretlenmiş olmasıydı. Bu işaret kaldırılıp görsel önceliklendirildiğinde LCP hedef değerin altına indi.

Özet

Geç yükleme, görselleri yalnızca görünüm alanına geldiğinde yükleyerek ilk sayfa yükünü hafifleten tekniktir. İlk sayfa hızını ve Core Web Vitals'ı iyileştirir; ancak ekranın üstündeki kritik görsellere (özellikle LCP) uygulanmamalıdır, aksi halde hızı bozar.