Tuesday, October 8, 2019

Cara Ampuh Mempercepat Loading Blog Blogger

Tuesday, October 8, 2019

Mempercepat Loading Blog

Mempercepat loading blog itu sangatlah penting bagi seorang publisher blog, mengapa harus demikian? memang jelas harus seperti itu karena apabila sebuah blog memiliki kecepatan dalam pemuatan pada saat dibuka atau diklik di browser internet maka blog tersebut mempunyai keistimewaan tersendiri.

Selain itu juga ada manfaat nya apabila situs blog mempunyai loading yang cepat, salah satu di antaranya adalah memudahkan pembaca atau pengunjung mengakses informasi dari isi konten artikel yang ada pada halaman situs blog.

Jika blog anda lambat loading maka pengunjung akan merasa tidak nyaman dan meninggalkan situs blog anda, untuk mengantisipasi hal yang di maksud tersebut, maka dalam kesempatan ini saya akan memberikan solusi agar situs blog anda menjadi lebih cepat loadingnya dari biasanya dengan menggunakan kode HTML/Java script yang sangat cocok bisa anda gunakan.

Supaya lebih jelas lagi tentang kode script ini maka perhatikan cara memenerapkan nya pada template blog yang akan diuraikan dibawah langkah dan tutorianya berikut ini;

Cara Ampuh Mempercepat Loading Blog Blogger

1. Masuk ke dasbor blogger

2. Pilih menu tema

3. Klik tombol Edit HTML

4. Lalu klik dimana saja pada area kode dan tekan tombol Control + F atau Command + F pada keyboard pc(laptop) untuk membuka kotak pencarian di sudut kanan atas jendela kode dan tuliskan </body> kemudian tekan tombol Enter untuk mencari.

5. Salin dan tempelkan kode HTML/Java Script di bawah tepat diatas kode </body> berikut ini kodenya;

// 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://3.bp.blogspot.com/-xtM_7x0_cU4/XIok1BisovI/AAAAAAAAPUc/QGJpBJZ3QBM_Spkd9r3-SMurEUbRI1pOQCLcBGAs/s1600/loadingku.gif",effect:"fadeIn",threshold:"0"})});

6. Langkah terakhir simpan tema dan lihat hasilnya.






Nah, itulah tipsnya. Semoga artikel ini dapat bermanfaat bagi sahabat semua. Selamat mencoba dan, Sekian dan terima kasih...kritik dan saran tinggalkan jejak lewat kolom komentar dibawah artikel nya. salam blogger...

Show comments
Hide comments

14 comments on Cara Ampuh Mempercepat Loading Blog Blogger

  1. Saya dulu juga pernah memasang lazy, hasilnya kurang ngefek. Gambar artikel telat munculnya. Akhirnya ya saya hapus lagi.

    ReplyDelete
    Replies
    1. iya mas templat juga penyebab nya

      Delete
    2. Tema Blog saya memang sudah terlalu berat, tapi sebentar lagi sudah mau 5G, jadi tak perlu kawatir.

      Delete
    3. kira2 kapan ya di luncurkan mas

      Delete
  2. Begitu ya. Aku udah terima jadi sih temanya. Udah dikasi kode beginian kali ya

    ReplyDelete
  3. widget yang tidak berkenaan juga harus dibuang bagi mengelak loading terlalu lama

    ReplyDelete
  4. TQ ilmu nya.. InsyaAllah boleh di cuba nti..

    ReplyDelete