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.