Skip to main content
Riyan Laiyan

follow us

Cara Ampuh Mempercepat Loading Blog Blogger

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 di browser internet maka blog tersebut mempunyai keistimewaan tersendiri. Selain itu juga ada manfaat nya apabila situs blog mempunyai loading yang cepat.

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...

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar