Cara mempercepat loading blog

Cara Memasang Lazy Load di Blogger (Blogspot)

Di tulisan kali ini saya akan bercerita,tentang pemasangan LAZY LOAD di blogger atau blog lainnya.

Berikut cerita saya wahai sahabat pembaca.


Sahabat pembaca jika blog sahabat banyak memposting vidio,gambar alangkah indahnya jika memasang kode LAZY LOAD,
Kode tersebut membuat website hanya muat atau loading tulisan terlebih dahulu,baru memuat gambar sesuai layar monitor.
Jadi bisa membuat loading sebuah website atau blog cepat,

mempercepat loading


Silahkan letakkan kode dibawah ini tepat diatas. </body>
 

 <script type='text/javascript'> //<![CDATA[ // Fast 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/AVvXsEgubrZLkIAU_ViEu6z1AUr1ROwuW2qyjlenl36TH43msUU_jPI1Ps0hONgPUHD9lJQERJCRtmfhLHHE5S3HgLyS7kZ2DP1PsDU6ZKxskiJE0GOAm8oQe24A3ZtVa8XvnGnNuN4X-vWLpco/s1600/bisablog-loading.png",effect:"fadeIn",threshold:"-50"})}); //]]> </script>





atau memasang letakkan diantara <head> dan </head>
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/><script charset='utf-8' type='text/javascript'>$(function() {
$("img").lazyload({placeholder :
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHA1xnLCkxTj0oPz4KOzNTWw6jOLfRRdx_2tq5mHyqGJrgduVlo1VgprlsQxM1GpeePBltrzn2FlNferUqB_eb14OhAmS0doUZ_wD6aM8MFOqoKovbo4X7BpzxHYewhHc2WuUpBKo0-jA/",threshold
: 200});
});
</script>
atau bisa memasang kedua kode tersebut.

Di blog saya ini saya memasang keduanya☺.

Itulah cerita saya ditulisan kali ini.
DONASI VIA PAYPAL Bantu berikan donasi jika dirasa blog ini bermanfaat. Donasi akan digunakan untuk membeli domain www.ceritakuuntukdibaca.com. Terima kasih :)
CERITAKU UNTUK DIBACA
Kategori: Scritp HTML untuk membuat tampilan blog lebih menarik,

Terima kasih telah membaca Cara mempercepat loading blog. Silahkan berlangganan artikel ini atau silahkan share .....!

Komentar

Postingan Populer

Lelaki ini jadi pendiam alasannya karna ini

Ilmu bela diri tingkat tinggi

Cara agar banyak yang membaca tulisan kita diblogger