Cara Ampuh Mempercepat Loading Blog Menggunakan Lazyload Script | tkjpedia.com – Blog yang mempunyai loading yang laju merupakan sebuah yang wajib bagi tiap blogger. pasal sebagai pemilik blog, ini merupakan salah satu langkah buat membagikan yang terbaik buat pengunjung blog. bila blog yang kita miliki mempunyai loading page yang layaknya siput (lelet) tersebutkan bukan tak bisa jadi pengunjung blog malas buat berkunjung lagi ke blog kita. buat dikenal juga, jaringan internet yang pengunjung pakai bermacam-macam, adanya yang kenceng adanya juga yang lelet.

Buat mengakali loading biar memiliki loading yang laju jelas jelas diperlukan langkah-langkah yang tepat buat mempercepat loading blog. Dalam perkembangannya, pemilik blog dalam usaha buat mempercepat loading blognya mereka kebiasaannya menghapus sebagian widget/gadget yang dikata tak terlampau serius yang adanya di blog mereka. jelas jelas metode ini bermanfaat buat memperkecil unkuran blog sehingga secara otomatis akan mempercepat loading blog. Banyak yang beranggapan jikalau bila sesuatu blog yang mempunyai ukuran berat yang kecil tersebutkan loading blog itu akan menjadi laju. Dengan kata lain makin kecil ukuran berat sesuatu blog tersebutkan akan makin laju pula sistem loadingnya

Namun bila nyatanya widget/gadget yang adanya di blog anda ialah widget/gadget yang serius serta sesegera mungkin adanya di blog serta tak mau buat mengahpusnya, tersebutkan kaya gimana metodenya buat dapat mempercepat loading blog? Dalam problem ini, anda tidak butuh kuatir pasal anda masih dapat mempercepat loading blog dengan tidak mengahapus sebagian widget yang adanya di blogUntuk. mengenali caranya,silahkan ikuti langkah-langkah layaknya di bawah ini :

Cara Ampuh Mempercepat Loading Blog Menggunakan Lazyload Script

Coba lihat blog kamu di pagespeed insight untuk mengetahui seberapa cepat loading page anda.
Login ke akun blog anda.
Pilih Template — Edit HTML.
Cari kode </head> (Untuk mempercepat pencarian, silahkan ginakan Ctrl+F di kotak script Edit HTML).
Copy kode dibawah ini, kemudian Paste tepat diatas kode </head>

<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:"http://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})}); //]]> </script>

Simpan Template.
Kunjungi lagi pagespeed insight untuk menetahui loading blog anda setelah dipasang script diatas.

Itulah Cara Ampuh Mempercepat Loading Blog Menggunakan Lazyload. Semoga Bermanfaat 🙂