IntelliJ IDEA

 Lazy Load (Tembel Yükleme), web sayfanızdaki içeriklerin yalnızca kullanıcı sayfayı kaydırdıkça yüklenmesini sağlayan bir tekniktir. Özellikle görseller için kullanılır ve büyük, ağır sayfaların daha hızlı yüklenmesini sağlar. Sayfa ilk açıldığında yalnızca ekranda görünen öğeler yüklenir ve kullanıcı aşağıya kaydırdıkça diğer öğeler yüklenir.

Lazy Load'ın Faydaları:

1: Lazy Load, sayfanın yalnızca görünür kısmındaki içerikleri yükleyerek, başlangıçta sayfa yükleme süresini kısaltır. Bu da kullanıcıların sayfayı daha hızlı görmelerini sağlar. (Sayfa Yükleme Hızını Artırır)

2: Kullanıcılar yalnızca görmek istedikleri içerikleri yüklediği için gereksiz veriler yüklenmez. Bu da özellikle mobil kullanıcılar için veri tasarrufu sağlar. (Bant Genişliği Tasarrufu)

3: Google gibi arama motorları, sayfa hızını bir sıralama faktörü olarak dikkate alır. Lazy Load kullanarak sayfa hızını iyileştirirseniz, SEO'ya katkıda bulunabilirsiniz. Ayrıca, modern Lazy Load teknikleri Google'ın sayfaları doğru şekilde taramasını engellemez. (SEO Dostu)

4: Sayfa yüklemesi sırasında yalnızca görünen içerikler yüklendiği için sunucuya gelen veri istekleri azalır, bu da sunucu yükünü hafifletir. (Sunucu Yükünü Azaltır)

📌 Özetlemek gerekirse:

• Kullanıcı sayfayı açtığında yalnızca görünen görseller yüklenir.
• Kullanıcı aşağı kaydırdıkça diğer görseller yavaş yavaş yüklenir.
• Bu sayede sayfa açılış süresi kısalır ve gereksiz veri aktarımı önlenir.

📌 Lazy load kurulumu web sitenizin alt yapısına göre değişiklik göstermektedir. WordPress web sitesine sahipseniz bunun WP Rocket, a3 Lazy Load, isimli eklentileri kullanabilirsiniz. Siteyi hazırlarken kullandığım builder'da Lazy Load özelliği mevcut olduğu için ayrıca bir eklenti kullanma ihtiyacı hissetmedim.  PageSpeed Insights ile tarama yaptığımda Performans puanının 4 puan yükseltiğini gördüm. Sizlerde sitenizi hazırlarken bu özelliği aktif ve pasif konuma getirerek tecrübe edebilirsiniz. 

 Sonuç

Lazy load özelliği dikkatli ve doğru kullanıldığı zaman, lazy-loading uygulanmış resimler ve videolar, web sayfasının ilk yüklenme süresinde ve sayfa yüklenirken indirilen dosya boyutunu azaltabilir. 

Web sitesi ziyaretçileri, sayfanın alt bölümlerine kadar kaydırmadan siteyi terk edebilir. Lazy load kullanılmayan sitelerde, ekranda görünmeyen görsellerin de yüklenmesi, gereksiz ağ isteği ve kaynak kullanımına neden olur.

Eğer web sayfanızda çok sayıda görsel bulunuyorsa, PageSpeed Insights performans skorunu iyileştirmek için lazy load kullanımı etkili bir optimizasyon yöntemidir.