Lazy Loading Nedir? (Detaylı Anlatım)

Caner BULUT 6 Şubat 2022

Web geliştikçe, kullanıcılara gönderilen dijital varlıkların sayısında ve boyutunda büyük artışlar görmeye başladık.

2011 ve 2019 arasında, medyan kaynak ağırlığı masaüstü için ~100KB'den ~400KB'ye ve mobil için ~50KB ~350KB'ye yükselmiştir.

Lazy Loading Nedir?

Lazy Loading, performansı artırmak ve sistem kaynaklarını daha verimli kullanmak için gerçekten ihtiyaç duyulana kadar kaynakların yüklenmesini veya başlatılmasını geciktirmeye yarayan bir yöntemdir.

Örneğin, bir web sayfasında kullanıcının görmek için aşağı kaydırması gereken bir resim varsa, bir yer tutucu görüntüleyebilir ve tam resmi yalnızca kullanıcı bulunduğu yere geldiğinde yükleyebilirsiniz. Böylece kullanıcı o yer tutucuya gelmeyene kadar resmi yüklemek zorunda kalmazsınız.

Kısacası Lazy Loading sitenizi daha hızlı hale getirmenin bir yoludur.

Neden Lazy Loading Kullanmalıyım?

Çünkü Lazy Loading kullanmak sitenizi daha hızlı hale getirir. Bu kadar basit. Ama bunu kanıtlamak için isterseniz bir örnek inceleyelim.

Sayfanızın daha hızlı yüklenmesi sağladığı için daha iyi bir kullanıcı deneyimi sunar.

Lazy Loading yüklemeye bir örnek, sayfa yüklendiğinde hafif yer tutucu görüntüleri yükleyen ve bunları görüntüleme alanına kaydırıldıkça Lazy Loading ile yüklenen görüntülerle değiştiren popüler yayıncılık platformu Medium'da bulunabilir.

Lazy Loading'in Avantajları

Lazy Loading uygulamalarınıza aşağıdaki faydaları sağlar.

İlk Yükleme Süresini Azatlma : Lazy Load sayfa ağırlığını azaltarak daha hızlı sayfa yükleme süresi sağlar.
Bant Genişliği Koruma : İçeriği yalnızca istendiğinde kullanıcılara sunarak bant genişliğini korur.
Sistem kaynaklarının Koruma : Lazy Loading, hem sunucu hem de istemci kaynaklarını korur, çünkü yalnızca istenen görüntülerin ve dosyaların yüklenmesini sağlar.

Lazy Loading'in Dezavantajları

Koda eklenecek ekstra satırlar kodu daha karmaşık hale getirir.
Doğru uygulanmayan Lazy Loading web sitesinin arama motorlarındaki performansını olumsuz şekilde etkileyebilir.

Sonuç Olarak

Bilinçli bir şekilde kullanıldığında, tembel yüklenen resimler ve videolar, sitenizdeki ilk yükleme süresini ve sayfa yüklerini ciddi şekilde azaltabilir.

Caner BULUT

Caner Bulut, Argenova'nın Kurucusu ve CEO'sudur. Yazılım geliştirme ve ürün geliştirme alanlarında deneyimlidir. Birçok başarılı projeye imza atmıştır ve teknoloji ekosistemine bilgi paylaşımıyla katkı sağlamaktan keyif almaktadır. Yoğun programına rağmen yeni bilgileri paylaşmak ve öğrenmek, ona büyük bir motivasyon kaynağı olmaktadır.