Cara Memasang Script Lazy Load Gambar Di Blogger Semoga Loading Lebih Cepat
Cara Memasang Lazy Load Gambar di Blogger
Seperti yang kita tahu bahwa gambar merupakan salah satu penyebab dari sekian banyak hal yang menciptakan loading blog menjadi berat. Ada aneka macam cara yang sanggup kita lakukan untuk menangani ini,seperti mengurangi jumlah penggunaan gambar,melakukan kompres atau mengubah ukurannya.
Namun biasanya hal tersebut masih menciptakan loading menjadi berat bahkan sanggup mengurangi kualitas gambar di blog kita.
Itu sebabnya anda haru memakai Lazy Load di blog anda.
Itu sebabnya anda haru memakai Lazy Load di blog anda.
Apa itu Lazy Load?
Lazy load yaitu sebuah fitur pada blog yang memungkinkan gambar di muat hanya dikala pengguna akan menggunkan gambar tersebut.
Yang artinya pada awal pemuatan blog hanya memproses file-file pening saja sedangkan gambar di tayangkan dikala kita kan membukanya saja.
Keuntungan memasang Lazy Load Gambar?
- Loading Blog Lebih Cepat
- Skor GTmetrix,Google PagespeesInsight dan TestMySite by thinkwhitgoogle lebih anggun
- Mengatasi persoalan Leverage Browser Caching
Bagaimana apakah anda sudah tertarik untuk menggunakannya?
Berikut ini cara memasang lazy load gambar di blogger supaya loading lebih cepat :
- Buka Blogger.com dan masuk memakai akun kalian
- Masuk ke sajian Tema > Lalu pilih Edit HTML
- Sekarang anda cari isyarat berikut ini
</body>
- Pastekan isyarat berikut sempurna di atasnya
<script type='text/javascript'>
//<;b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmwiUbQW9FzquwznhUn1FX_HOybjK-qWelBSez-b_lESKc_AoJYBighLuD6AvoXOuJyqZNGk5bKFXKPDziPSwy5WzJRalj9EpG5IRwncRRmTe3fh3ZKhEekYlCNTpicdoXwYaMxgpdvsXr/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>
- Bila sudah klik Simpan Tema
Penutup
Itulah cara memasang lazy load gambar di blogger,lakukan langkah-langkah tadi dengan benar supaya anda tidak mengalami kerusakan pada template blog yang anda gunakan. Dengan memasang lazy load gambar di blog sanggup mengurangi waktu pemuatan sehingga blog anda sanggup mempunyai waktu loading yang lebih cepat ketika dibuka oleh pengunjung. Selamat mencoba,dan semoga blog anda menjadi lebih cepat untuk di akses.
Sumber https://www.dirga.id/