1. Ana Sayfa
  2. SEO
  3. Lazy Load Nedir? Nasıl Kullanılır?

Lazy Load Nedir? Nasıl Kullanılır?

Lazy load nedir? Nasıl kullanılır?

Bir içeriği daha çekici bir noktaya ulaştırmak açısından ve konuyu daha iyi tanıtabilmek kapsamında her web sayfasında içerikler görseller ile desteklenir. Örneğin, bir internet sayfasında ürün fotoğrafları, kampanya görselleri, reklam görselleri veya logo gibi görseller mutlaka yer almalıdır. Ancak bu görseller mutlak şekilde küçük boyutlara ve yüksek çözünürlüğe sahip olmalıdır. Bu durumda fayda sağlayacak bir şekilde lazy load yazılımı kullanılması tercih edilebilir. Peki Lazy load nedir?

Lazy Load Nedir?

Web sayfalarında kullanılacak görsellerin eş zamansız şekilde yüklenmesi, lazy load olarak adlandırılmaktadır. Yani ekranın üst bölümünde yer alan içerik tamamen yüklendikten veya ilgili görsel tarayıcı tarafından görüldükten sonra ertelenen görseller yüklenir. 

Aslında temel olarak lazy load kullanımı sayesinde ekranda bulunmayan görsellerin yüklemesini sonraya bırakabilirsiniz. Bu durum sayesinde site çok daha hızlı bir şekilde açılabilir, gereksiz yükler ortadan kaldırılabilir ve görünüm alanında bulunmayan görseller sayfanın ilk yüklemesi sırasında ertelenerek, daha iyi bir performans ortaya çıkması sağlanır. 

Hangi Görseller İçin Lazy Load Kullanılabilir?

Lazy load kullanımında temel noktalara bakıldığında, aslında görselin o an için yüklenmesinin ne kadar gerekli olduğu göz önünde bulundurulur. Eğer kullanıcı web sayfasını açtığında, tarayıcı ekranında bir görsel kullanıcı tarafından görünmüyorsa, o görsel ertelenir. Bu durumda örneğin, farklı erteleme türleri göz önünde bulundurulursa;

  • Footer alanında yer alan logo
  • Alt bölümde yer alan sosyal ikon işaretleri
  • İçerik alanında bulunan görsellikler
  • Sidebar görselleri ertelenebilir. 

Yalın olarak performans arttırma amacıyla değil lazy load kullanımı sayesinde kullanıcı deneyimi artırma açısından da fayda elde edilir. Çünkü bu yazılım iyi bir kullanıcı deneyimi açısından site içi SEO konusunda da büyük bir katkı sağlar ve bu nedenle web sayfalarında mutlaka kullanılması tercih edilmelidir. 

Bu Yazımızıda Okuyabilirsiniz:  Sınıflandırılmış Siteler Listesi
lazy load nedir

Lazy Load Nasıl Kullanılır?

Bir web sayfasında iki farklı ihtiyaç bağlamında lazy load kullanımı sayesinde görseller ertelenebilir. İlk ihtiyaç bağlamında html üzerinden doğrudan görsel etiketi (<img>) ile etiketlenmiş görseller ve diğer ihtiyaç bağlamında ise background-image olarak etiketlenmiş görseller açısından kullanım tercih edilebilir. 

1- <İmg> Etiketli Görsellerde Lazy Load Kullanımı

Bilindiği üzere web sayfalarında görsel etiketi için en çok kullanılan yöntemlerden birisi <img> olarak görülmektedir. Bu durumda görsel ertelemek açısından lazy load kullanımı gerçekleştirmek istiyorsanız HTML, CSS ve JavaScript açısından üç farklı kod kaynağından birini tercih etmeniz gerekecektir. 

2- Background-İmage Etiketli Görseller İçin Lazy Load Kullanımı

Özellikle CSS yazılımlarda background-image vasıtası ile görsel ekleme çok sık kullanılan bir yöntemdir. Bu bağlamda HTML, CSS ve JavaScript için lazy load erteleme açısından belirli kodlar kullanılabilir. 

3- WordPress Kullanımı İçin Lazy Load

Harici noktada WordPress kullanımı gerçekleştiren web sayfalarında kod kaynakları kullanmak mecburiyetinde bulunmadan sadece “Lightspeed” gibi bir cache eklentisi kullanımı yeterli olabilir. Eklenti özelliklerine girdikten sonra “lazy loading” özelliği etkin hale getirildiğinde, ekstra kod kullanmadan kolayca lazy load kullanımı sağlanabilir. 

Lazy Load Avantajları Nelerdir?

Genel olarak bakıldığında lazy load sayesinde birkaç önemli avantaj elde etmek mümkündür. Öncelikli olarak elbette büyük bir performans artışı sağlarken, kullanıcı deneyimi konusunda da olumlu bir katkıyı ortaya çıkarmaktadır. Lazy load yazılımı sayesinde binlerce ürünün satışa sunulduğu e-mağaza web sayfalarında bant genişliği tüketiminde azalma elde edilebilir. Ayrıca PageSeed testi konusunda karşılaşılabilecek uyarılardan kurtulma imkanı sağlar. 

WordPress hakkında tüm merak ettikleriniz, ipuçları, eklentiler ve daha fazlası her zaman halil.com.tr’de!

Yorum Yap

Yazar Hakkında

Yorum Yap