Tanım
Lazy loading tarayıcı kaynak indirme önceliğini değiştirir. Görsele <img loading="lazy"> eklendiğinde, görsel viewport'a yaklaştığında indirilir. IntersectionObserver API ile özel uygulama da yazılabilir.
Nasıl çalışır
Tarayıcı sayfa yüklenirken loading="lazy" attribute'lu kaynakları atlar. Kullanıcı kaydırdıkça viewport'a yaklaşan kaynaklar indirilmeye başlar. Eager loaded LCP görseli ise lazy yapılmamalıdır; aksi durumda LCP süresi uzar. Native lazy desteklenmeyen tarayıcılarda fallback gereklidir.
Scope Trends'te nerede karşılaşırsınız
Tarama Raporu > Görsel SEO sekmesi lazy yüklenmiş ve eager yüklenmiş kaynak sayısını gösterir. LCP Adayı olarak işaretlenen görsel lazy ise uyarı düşer.
Sık sorulan sorular
LCP görselini lazy yapmalı mıyım?
Hayır. LCP adayı görseli her zaman eager yükleyin, fetchpriority="high" ekleyin.
Lazy loading SEO'ya zarar verir mi?
Doğru uygulandığında zarar vermez. Yanlış implementasyon (yalnız JS ile geç render) indekslemeyi engelleyebilir.