Nasıl Yaparım? Lazy Load gibi.

<div class="slide"><a href="xxxx"><img src="xxxx" ></a></div>

Böyle bir kodum var lazy load kurmak istiyorum yada benzeri geç açılma nasıl yapabilirim ?

Burada anlatım mevcut yapabilirsiniz.

Merhaba,

Son zamanlarda bir çok siteye optimizasyon yaptım ve hiçbirinde lazyload kurmadım çünkü lazy load aktifleştiği zaman site hızı tam aksine yavaşlıyor ama yine de kurduktan sonra bir test yapın.

Lazy load yavaşlatma gibi bir etkisi olamaz.

Basit bir javascript koduyla ladyload aktif ederseniz site yavaşlamaz. Aksine hızlanır hocam.

Gerekli javascript dosyası : https://cdn.jsdelivr.net/npm/vanilla...azyload.min.js
Kütüphane : https://github.com/verlok/vanilla-lazyload

Vanilla lazyload diye aratırsanız basit ve minimum kodla kullanabilirsiniz. Tek başına bende yapmaya çalışıp yapmıştım seo da resimleri falan hiç görmez diye düşünüp bilinen bir kütüphane kullanıp garantiye gitmiştim.

lazyload için ekstra js kütüphanesi kullanmanıza artık gerek yok, chrome, firefox, opera, edge gibi chromium browserlar lazyload browserın kendisinde var sadece img tagında loading="lazy" yazmanız yeterli
<img src="gorselyolu.jpg" />
yerine
<img loading="lazy" src="gorselyolu.jpg" />
gibi