SEO hakkında yazılar yazdığım blog sayfamda, sizlere önemli bir husus ile ilgili bilgi vermek için farklı bir konuyu ele almak istedim. Bildiğiniz gibi SEO için site hızı oldukça önemli bir konudur. Gerek kullanıcı deneyimini artırmak, gerekse sitenin açılış hızını yükseltmek için Lazy load (tembel yükleme) işlemini mutlaka yapmalısınız.
Lazy Load (Tembel Yükleme) Nedir?
Lazy load (tembel yükleme) internet sitesinin açılışında, bütün görselleri hemen yüklemektense ihtiyaç duyulan kadarını indirip, kullanıcın ihtiyaç duymadığı görselleri geç yükleme işlemidir.
Örneğin sayfanın çok altında bulunan görselleri ilk açılışta yüklenmesine gerek yoktur. Kullanıcı sayfayı aşağı kaydırdığında da görülebilir. Lazy load yaparak internet sitenizin ilk yanıt süresini azaltabilir ve kullanıcılarınıza daha iyi bir internet sitesi deneyimi sunabilirsiniz.
Lazy Load (Tembel Yükleme) Nasıl Yapılır?
WordPress sitelerde Rocket Lazy Load isimli eklentiyi yükleyerek geç yüklenmesini istediğiniz bileşenleri seçebilir ve hızlıca lazy load işlemini aktif edebilirsiniz. Bir WordPress siteniz yoksa veya eklentisiz lazy load (tembel yükleme) yapma yollarını arıyorsanız, aşağıda önereceğim iki yöntemle bunu kolayca yapabilirsiniz.
HTML üzerinde görsellerinize geç yükleme özelliği kazandırmak için <img> etiketlerinize loading=“lazy” belirtecini ekleyebilirisiniz
Örnek kullanım: <img src=“product-4.jpg“ loading=“lazy“ alt=“görsel“>
Ayrıca buraya tıklayarak (yeni sayfada açılır) “lazysizes” isimli bir js kütüphanesini kullanabilirsiniz. İndirdiğimiz js dosyasını “<script src=”lazysizes.min.js” async></script>” şeklinde header alanına gömerek <img> etiketlerini değiştirmeniz gerekmektedir. Bütün görselleri “<img data-src=”images/gorsel.jpg” class=”lazyload” alt=”görsel”>” şeklinde tanımladığınızda sistem aktif hale gelecektir.
Lazy Load (tembel yükleme) ile ilgili sorularınız için aşağıda yer alan yorum bölümünü kullanabilirsiniz. Eğer bir SEO uzmanı ile çalışmak istiyorsanız benimle iletişime geçmekten çekinmeyin. Sağlıcakla!