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:
- 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.
- 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.
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.
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. 30 yaşındayım. 2008’de Joomla ile başladığım blog hayatıma WordPress ile devam etmekteyim. Birçok projeyi batırmış ve yılmadan yoluna devam eden bir blogger olarak, başımdan geçen tecrübeleri incele.co aracılığıyla sizlere aktarmak öncelikli amacım. Özel ilgi alanlarım: WordPress, blog hayatı, incelemeler ve nasıl yapılır makaleleri…
