Warning: Creating default object from empty value in /home/yilmazbo/public_html/plugins/system/jat3/core/joomla/modulehelper.php on line 320
E-Ticaret Sitelerinde Lazy Load Kullanımı - Dijital Pazarlama ve E-Ticaret Uzmanı

Dijital Pazarlama ve E-Ticaret Uzmanı

Kategoriler E-Ticaret E-Ticaret Sitelerinde Lazy Load Kullanımı

Warning: Creating default object from empty value in /home/yilmazbo/public_html/components/com_k2/models/item.php on line 511

Warning: Creating default object from empty value in /home/yilmazbo/public_html/components/com_k2/models/item.php on line 511

Warning: Creating default object from empty value in /home/yilmazbo/public_html/components/com_k2/models/item.php on line 511

Warning: Creating default object from empty value in /home/yilmazbo/public_html/components/com_k2/models/item.php on line 511

Warning: Creating default object from empty value in /home/yilmazbo/public_html/components/com_k2/models/item.php on line 511

Warning: Creating default object from empty value in /home/yilmazbo/public_html/components/com_k2/models/item.php on line 511
E-Ticaret Sitelerinde Lazy Load Kullanımı Özel
17 Aralık 2013 Yazan 

E-Ticaret Sitelerinde Lazy Load Kullanımı

Lazy Load Nedir, Faydaları Nelerdir ? 

Öncelikle bu soruya cevap verelim, sonrasında e-ticaret siteleri için neden bu teknolojiyi kullanmalıyızdan bahsedelim. Lazy Load web sitesindeki bir nesnenin ihtiyaç duyulmaması halinde sunucudan çağırılmaması esasıdır, yani bir web sitesine girdiğiniz zaman ilgili sayfadaki tüm resimlerin yüklenmeden açılması, siz scroll yaptıkça bu resimlerin yüklenmesini sağlayan javascript teknolojisine verilen isimdir. 

Peki biz bunu e-ticaret sitelerimizde neden kullanmalıyız?

Maddeler halinde faydasından bahsedecek olursam eğer;

1) Sitenizin, dolayısıyla ilgili sayfanın hızlı açılmasını sağlar

2) Sitenizin ilk açılış süresini hızlandırır

3) Operasyon verimliliğini artırır

4) Gereksiz, sunucunuzdaki trafik yükünü azaltır ve ödeyeceğiniz aylık trafik ücretinide azaltır.

5) Siteniz hızlı açıldığı için kullanıcılarınızı kaçırmazsınız.

6) Veri tabanınızı yormazsınız ve dolayısıyla performans kayıpları yaşamazsınız.

 

Bir görsel ile bunu daha da pekiştirecek olursam eğer;

Taşımamız gereken bir paketi her defasında diğer paketler ile birlikte taşımak yerine sadece ihtiyacım olan paketi taşımak beni daha az yoracak ve zorlayacak. 

 Eager Loading                                                           Lazy Loading

 

Aşağıda bir kaç örnek kullanımı inceleyebilir siniz. Aşağıya doğru scroll yapınca resimlerin sonradan yüklendiğini göreceksiniz.

1) Zalora :  http://www.zalora.com.my/women/accessories/jewellery

(site yüklendikten sonra scroll yapınız)

lazy load sample

2) Markafoni :  https://www.markafoni.com/product/aksesunar-9/kolye

markafoni lazy load

 

Sitenize eklemek istiyorsanız eğer web de "lazy load, lazy loading" gibi anahtar kelimelerle araştırma yaparsanız karşınıza 10 larca örnek kod çıkacaktır, ben bir tanesini paylaşayım;

http://msdn.microsoft.com/en-us/library/vstudio/dd456846(v=vs.100).aspx

Teknolojinin nimetlerinden yararlanmanız dileğiyle :)

 

Facebook Yorum



Yılmaz Bozan

Endüstri Mühendisi |  E-Ticaret Danışmanı, Dijital Pazarlama, İş Geliştirme, SEO, SEM, SMM ve Tüm Marketing Stratejist, Analist

Web site: www.yilmazbozan.com
Bu kategoriden diğerleri: « E-Ticaret Girişimciliği Semineri

Yorum Ekle

(*) İşaretli alanlara gerekli bilgileri girdiğinizden emin olun. HTML kod izni yoktur.

SEO, ORGANİK

CPC, PPC, CPM

İNTERNET & TEKNOLOJİ

  • E-Ticaret
  • E-Mail Pazarlama
  • GSM Pazarlama
  • Terminoloji
  • Teknoloji
  • Teknoloji Haberleri

Bilgiye "Aç" olan insanların bir nebze de olsa açlığını gidermek amacıyla kurdum bu siteyi, bura da Dijital Pazarlama adına kendi tecrübelerim ve yapmış olduğum işlere yer vereceğim, yararlı olması temennisiyle, herkese iyi seyirler.

Sosyal Medya da Takip Edin!