Cara Mempercepat Loading Blog Dengan Memasang Script Lazy Load

Baiklah sahabat kali ini saya akan coba membagikan Tutorial blogger lagi yaitu: Cara Mempercepat Loading Blog Dengan Memasang Script Lazy Load, Script Lazy Load adalah salah satu trick yang sudah banyak di terapkan di berbagai penggunaan template blog untuk mempercepat loading saat situs laman di muat, Script lazy load ini bekerja pada gambar yang nantinya akan di muat secara berurutan sesudah situs laman anda sepenuhnya sudah di muat baru gambar ini akan di muat dengan cepat.

Script lazy load ini sangat di sarankan bagi pengguna situs blog yang memiliki kecepatan loading yang lambat saat di muat, dengan memasang script lazy load ini blog akan menjadi lebih ringan dari sebelumnya, namun script ini juga memiliki dampak kekurangan yang bisa memberikan dampak tidak berjalanya script lain, maka dari itu sangat di sarankan sebelum anda memasang script lazy load ini pastikan anda sudah melakukan backup terlebih dahulu terhadap template yang anda gunakan.

Cara Memasang Script Lazy Load Pada Template Blog

Memasang script lazy load ini sangatlah mudah, mari ikuti langkah-langkah pemasanganya dibawah ini☺
1. Silahkan anda buka Blogger>Template>Edit Html, jika sudah muncul list kode HTML template silahkan sekarang anda cari kode </body>  lalu copy pastekan kode di bawah ini tepat di atas kode </body> tadi, untuk mempercepat pencarian silahkan klik tombol

CTRL

+

F

pada keyboar anda.

<script type='text/javascript'>
//<![CDATA[
// Lazy Load
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);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/AVvXsEh6QIMfHqKMAVgJSPNS0ya9IRlcbCFINtjbOKBIxD7u9Uwas-VnHTv74w5DwBpdIzI5msBs1YVOcoHI81pFEJf8vc3kc-9Ab8GWwETXv-RmQRXZJ3VpYzxKFEWFsXaeZ4UbX8Bmy6cXFIM/s1600/Bannerku.png",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

2. Jika sudah silahkan sekarang save/simpan template lalu coba check dengan membuka situs blog anda, atau bisa juga sebelum anda memasang script lazy load di atas untuk mengetahui apakah ada peningkatan kecepatan nilai loading blog anda silahkan check terlebih dahulu menggunakan tools check online saran gunakan Tools online GTMatrix.

Bukan hanya gambar yang bisa di gunakan script lazy load untuk mepercepat loading blog, Iklan dari Google Adsense pun bisa karena salah satu penyebab dari lambatnya loading adalah iklan Google Adsense. jika tertarik silahkan anda baca artikel berikut: Tips Jitu Untuk Meringankan Iklan Google Adsense Dengan Menambahkan Script Lazy Load.
Mungkin sampe di sini dulu nantikan info menarik seputar blogger hanya di blog ini. terimakasi

Artikel Terkait