Bir projenizd lazyload kullanmak isterseniz aşağıdaki adımları izlemeniz yeterlidir.

Resim kodlarını aşağıdaki şekilde revize etmeniz gereklidir

<img class="lazy" src="loading_resmi.jpg" data-original="asil_gosterilecek_resim_adresi.jpg">

En son adım olarak aşağıdaki kod kütüphanelerini sisteme eklemeniz yeterlidir

<script src="js/jquery.js"></script>
                                <script type="text/javascript" charset="utf-8">
                                    $(function () {
                                        $(".lazy").lazyload();
                                    });
                                    $(function () {
                                        $("#artan_btn").click(function () {
                                            $(".lazy").lazyload();
                                        }
                                        );
                                        $("#azalan_btn").click(function () {
                                            $(".lazy").lazyload();
                                        }
                                       );
                                    });
   </script>
    <script src="js/jquery.lazyload.js"></script>

Dosyaları buradan indirebilirsiniz.

Bir sonraki yazıda görüşünceye kadar bol sorgulu günler dilerim.

++

Eğer eklenti olmadan lazy load ve asyc yükleme yapmak isterseniz img tağııza aşağıdaki kodları eklemeniz yeterlidir.

decoding="async" loading="lazy"

Bu internet explorer ( Kullanan varmı ki ) hariç her browserda çalışmaktadır