Lazy Load nedir? Resim yüklemesini geciktirerek site hızlandırma!

Bir sayfanın yüklenmesi, sayfa içerisindeki verilerle doğrudan alakalıdır. Eğer ki çok fazla medya, CSS ve JS varsa, sayfa yükleme süresi ciddi anlamda artacak ve bu da ziyaretçilerin siteyi kısa süre içerisinde terk etmesine neden olacaktır.

Kodlama dosyalarını (CSS, JS)leri bir kenara bırakalım, sizlere bu yazımda içeriklerdeki resimlerin sürükleme ile doğru orantılı olarak yüklenmesini ve Lazy Load teknolojisi sayesinde nasıl sayfayı hızlandırabileceğinizi anlatacağım.

Lazy load nedir? (Tembel yükleme)

Sayfanızda alt alt onlarca resmin olduğunu farz edelim. Ziyaretçi siteye girer girmez, bu resimlerin hepsini aynı anda yüklemeye çalışması, hem sunucuyu yoracak hem de sitede yavaşlamalara neden olacaktır. Peki siteye girdikten sonra sayfa akışına uygun olarak yüklemeler teker teker gerçekleşse?

İşte lazy load bu işe yarıyor ve siz alt sayfalara inmedikten sonra, alt sayfalardaki resimler açılmıyor.

Bu teknoloji sayesinde:

  • Sitenizi hızlandırabilir,
  • Trafik çıkışını azaltabilir,
  • Daha iyi bir kullanıcı deneyimi sunabilirsiniz.

Peki WordPress ortamında bu işlemi nasıl gerçekleştireceğiz?

Bu sorunun iki farklı cevabı var:

  1. Eğer ki temanız destekliyorsa, tema ayarlarından bu özelliği aktif hale getirmeniz yeterli olacaktır. Başka bir ayarla uğraşmanıza gerek yok.
  2. Bazı profesyonel eklentiler sayesinde bu özelliği aktif hale getirebilir ve lazy load teknolojisinden yararlanabilirsiniz.

Demem odur ki, fazla eklenti sıkıntısından kaçınmak için mutlaka tema özelliklerine göz atın. Siz de benim gibi Rehub kullanıyorsanız, şanslısınız. ayarlar sekmesinden hemen bu özelliği aktif hale getirin. Bu tarz bir imkanınız yoksa, buraya tıklayarak BJ Lazy Load eklentisini indirebilirsiniz.

bj lazy load eklentisi sayesinde sayfalarınızın daha hızlı açılmasını sağlayabilirsiniz.

Bu eklenti sayesinde:

  • İçeriklerdeki,
  • Bileşenlerdeki,
  • Küçültülmüş resimlerdeki,
  • Gravatarslardaki içerikleri ve resimleri geç yükletebilirsiniz. Ayrıca…
  • iframe gibi ek yükleri de geç yükletme imkanınız mevcut.
Iframe yüklemesinde eğer tema uyumsuzluğu varsa, görsel sıkıntı yaşayabilirsiniz. Lütfen deneme yanılma yapın.

Toparlayacak olursak

Sizlere bu yazımda basit bir eklenti sayesinde site resimlerini gezdikçe açmasını ve bu sayede hem trafik yükünü hem de CPU kullanımını azaltmasını öğrettim. Eğer ki geç açılan bir siteniz varsa, mutlaka bu imkanlardan yararlanın. Yine de hız konusunda sıkıntı yaşayan arkadaşlar olacaktır. Onlara çözüm olarak kaliteli bir hosting ile resim yükünü azaltacak MaxCDN hizmetini kullanmalarını tavsiye ediyorum.

Projenizde başarılar,

Burak

Resim kredisi: http://www.jqueryscript.net

Selam ben Burak. 29 yaşındayım. Ege Üniversitesi Amerikan Kültürü ve Edebiyatı bölümünden mezun oldum. Boş vakitlerimde her ne kadar sitelerle ilgilenmek istesem de bu fırsata ancak 2013’te mezuniyetten sonra sahip olabildim. Araştırma, geliştirme ve paylaşma ruhuna sahibim. Amacım inceleme, satış ortaklığı ve SEO üçlüsünü tek bir bünyede toplayıp, uygulanabilir ve kaliteli içerikleri sizlerle paylaşmaktır.

We will be happy to hear your thoughts

      Kendi yorumunu yaz

      İnceleCo

      Bunu bir arkadaşın ile paylaş!