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.
Son 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.