Lazy Loading

Lazy Loading, görsel yoğunluğu ve sayfa uzunluğunun fazla olduğu web sitelerinde, sayfaların daha hızlı açılmasını sağlar.

Lazy Loading

Lazy Loading, görsel yoğunluğu ve sayfa uzunluğunun fazla olduğu web sitelerinde, sayfaların daha hızlı açılmasını sağlar. Performansı artırmak ve sistem kaynaklarını kurtarmak amacı ile gerekli olana kadar kaynakların ve ögelerin yüklenmesini geciktirme olarak da Lazy Loading’i tarif etmek mümkün. Örnek vermek gerekirse; bir web sayfasında kullanıcının görmek için aşağı kaydırması gereken bir resim olduğunu varsayalım. Ekran aşağıya kaydırılana kadar ilgili görsellerin yüklenmesini erteleyebilirsiniz. Kullanıcıların, ilgili görselleri sayfada görecekleri alana gelmelerine kadar söz konusu görsellerin yüklenmesi bekletilebilir. İşte bu tam olarak Lazy Loading’e verilebilecek bir örnek. Yani görsel içeriklerin, web sitelerinde eş zamansız olarak yüklenmesine Lazy Loading denebilir. Bu, web sitelerinin daha hızlı açılmasını da sağlar. Özellikle internet kullanıcılarının neredeyse yarısının 3-4 saniyeden fazla bir sürede açılan web sitelerini / sayfalarını terk etme eğilimleri de göz önünde bulundurulduğunda, sizin de sitenize Lazy Loading yapmanız gerekebilir. Site hızı ek olarak SEO çalışmalarında da oldukça önemli bir konu.

Özellikle de görsel içerik sayısının fazla olduğu e-ticaret sitelerinde, bu yoğunluk site hızını olumsuz yönde etkileyebilmekte. Bu durum alışveriş yapma amacı ile sitenizi ziyaret edenlerin ürün incelemelerine, alışveriş yapmalarına engel olabilir. Lazy Loading tam da burada devreye girebilir ve hatta sitenizdeki hemen çıkma oranını da azaltabilir. Lazy Loading’in temel mantığı; bir ögenin, nesnenin ihtiyaç duyulana kadar çağrılmamasıdır. Web sitelerinin geç yüklenmesini, açılmasını engelleyen Lazy Loading ek bir JavaScript dosyasının kullanımı ile aktif hale getirilebilir. JavaScript ve HTML’de manuel bir şekilde Lazy Loading’i kullanmanız mümkün. Uygulama aşaması da şu şekilde: HTML ortamında olan görsel ögelerin tümüne (<img src=”” />) şeklinde ortak sınıf verebilirsiniz. JavaScript’te de scroll, resize ve orientationChange komutları kullanılmakta. Örneğin buradaki scroll komutu, kullanıcıların sayfayı ne zaman kaydırdığını kontrol etmek için açık bir olay. Lazy Loading, sitenizin yüklenmesini ciddi ölçüde hızlandırabileceği için, hemen çıkma oranı da gözle görülür bir şekilde azalabilir. Bu durum da web sitenizde verdiğiniz hizmetin / ürünlerin vs. daha fazla talep görmesini sağlayabilir. Hemen çıkma oranları azalacağı için sitenizin SEO durumunun iyileşmesi de kuvvetle muhtemel.

Sözlükte Keşfet

JavaScript (JS)

JavaScript, kısaca JS, on yıllardır web tarayıcılarında kullanılan popüler yazılım dillerinden birisidir.

Yeniliklerden Haberdar Olun!

Dijital pazarlama dünyasını takip etmek için hemen haber bültenimize abone olun!

Arama Sonuçları