LAZY-LOAD Kullanımı

LAZY-LOAD Kullanımı

Web sitenizde scrool aşağı indikçe resimlerin yüklenmesini sağlayan JS kütüphanesidir.

Bir nevi ihtiyaç duyulduğunda görseller yüklenecektir.

jquery.lazyload.js Kütüphanenin CDN bağlantısına buradan ulaşabilirsiniz.

Elinizde bir adet gif resim olması gerekmektedir.

LazyLoad.JS kütüphanesinde öncelikle belirtilen [ yükleniyor ] formatlı resim gösterilir. Web sitesinde ihtiyaç duyulduğu alanlara gelindikçe resimler yüklenmeye başlar. Önyüklemenin böylelikle hızlanması sağlanmış olunur. Sitenin indekslenmesinde SEO açısından önemlidir.

JQuery.lazyload.js Kütüphanesi CDN

$(“img.lazy”).lazyload(); Kütüphanemizi Çaıştırıyoruz.

data-orginal alanınan yüklenilmesi gereken resim tanımlanır.

src attr değerine load[GIF] resimini ekliyoruz.

Bu şekilde büyük bir sorun olan resimleri boyutları önemsemeksizin siteyi kasmadan yükleyebiliyor, kaliteli ve kullanıcı dostu bir site inşa edebiliyoruz.

LAZY-LOAD Kullanımı

What’s your Reaction?
+1
0
+1
0
+1
0
+1
1

Yorum yapın