Menambahkan Plugin Lazy Load untuk Mempercepat Loading Blog
Baca Juga
Beragam cara, tips dan trik bisa dilakukan untuk mempercepat loading blog, khususnya dengan platform blogspot ini. Coba saja ketika di tool pencarian Google dengan kata kunci tips mempercepat loading blog, tentunya Anda akan banyak menemui serangkaian panduan dengan cara yang berbeda-beda.Namun sebenarnya prinsipnya tetap satu, yaitu mengoptimalkan loading blog agar bisa diakses dengan cepat. Semakin cepat aksesnya, tentu saja pengunjung blog juga akan senang, karena bisa menghemat waktu dan kuota internet.
Nah kali ini Tukang Toko Online akan membagikan cara yang cukup mudah karena tidak dibutuhkan penggantian script, hanya cukup memasang script plugin ini ke dalam html template blogspot Anda.
Plugin ini sebenarnya cukup populer, dinamakan Plugin Lazy Load. Fungsinya sederhana, yaitu plugin ini hanya bekerja untuk mencegah gambar dimuat sebelum pengunjung melakukan scrolling. Dengan begitu blog menjadi lebih cepat diakses.
Baiklah, langsung saja ke bagian tutorial pemasangannya.
1. Masuk ke HTML Template >> cari kode </body> yang terletak di bagian paling bawah dari script template >> pasang kode script di bawah ini tepat di atas kode </body> tersebut.
<!--lazy load script-->
<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://lh3.googleusercontent.com/-V7BDYa8Hcvk/XBZ4Nm-9dxI/AAAAAAAAC9A/9c5sJTiQdGIdOw0uP0V5CMB2u57LzBBqQCLcBGAs/s1600/tukangtokoonline.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>
<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://lh3.googleusercontent.com/-V7BDYa8Hcvk/XBZ4Nm-9dxI/AAAAAAAAC9A/9c5sJTiQdGIdOw0uP0V5CMB2u57LzBBqQCLcBGAs/s1600/tukangtokoonline.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>
2. Simpan Template
Dan lihat hasilnya
Semoga bermanfaat
Komentar
Posting Komentar
#/ Dilarang melakukan SPAM.
#/ Dilarang Komentar mengandung Link/URL di kolom komentar
#/ Dilarang Komentar SARA dan Makian
#/ Dilarang ngiklan
Melanggar ketentuan di atas, komentar langsung dihapus..!!!