Lazysizes eklentisi bir web sitesinde resimleri önceden yüklemek yerine ihtiyaç duyulana kadar gizler ve scroll ile resmin bulunduğu alana geldiğiniz zaman yüklemeye başlar. Lazysizes'ın bu önemli özelliği web sitesi performansını artırarak daha hızlı yüklenmesine neden olur. İlk sayfa yükleme sırasında ekran dışında kalan resimler, bu teknik için ideal adaylardır. Hepsinden iyisi, Lazysizes bunu uygulaması çok basit bir strateji haline getirir.
Bir örnek vermek gerekirse:
<img src="webimonline.webp">img etiketini bu şekilde kullanmak yerine;
<img data-src="webimonline.webp" class="lazyload">bu şekilde kullanmanız gerekmektedir.
Cloud Sunucu Fırsatlarını Kaçırmayın!
Ödeme sistemleri, entegrasyonlar ve dijital çözümler hakkında güncel içerikleri kaçırmayın.
İnceleSon işlem olarak lazysizes.min.js dosyasını projenize eklemeniz halinde lazysizes çalışmaya başlayacaktır.
SEO için önemli bir konuma sahip olan resimler sayfanıza ciddi anlamda problem katabilir. Resimlerinizi sıkıştırıp ayrıca Lazysizes kullandığınız takdirde web projenizde ki tüm resim(img) hatalarından kurtulabilirsiniz.