4 Cara Mempercepat Loading Blog dengan Efektif!

cara mempercepat loading blogger

Kecepatan loading blog merupakan salah satu faktor yang mempengaruhi jumlah pengunjung pada blog, bayangkan saja jika anda membuka sebuah blog lelet mungkin sangat menjengkelkan. Untuk itu anda perlu meningkatkan kecepatan loading blog agar pengunjung tidak kabur.

Pada artikel ini, anda akan belajar bagaimana cara mempercepat loading blogger dengan efektif. Namun, sebelum itu, alangkah baiknya mengetahui terlebih dahulu sepenting apakah kecepatan blog terhadap SEO.

Kenapa Loading Blog Blogger Harus Cepat?

Jika ada pertanyaan kenapa kecepatan blog di butuhkan, maka jawaban paling sederhana adalah karena pengunjung blog membutuhkan loading blog yang cepat!.

Anda dapat membayangkan bila mana ada seseorang pembeli yang membeli barang, namun karena layanan dari penjual yang lambat akhirnya pembeli pergi ke toko sampingnya yang melayani dengan cepat, mungkin begitulah kiranya jika blog anda relatif lambat ketika memuat halaman, pengunjung akan pergi meninggalkan blog anda dan pergi ke blog yang dapat memuat halaman dengan cepat. Oleh sebab itu anda harus mempertimbangkan bahwa kecepatan blog menjadi salah satu pendukung SEO.

Jika blog anda relatif lambat dalam memuat halaman hingga sempurna, terdapat berbagai cara mempercepat loading blog blogger, jadi tak perlu khawatir jika blog anda lelet!

Apa Penyebab Loading Blog Lambat?

Ada beberapa faktor yang menyebabkan loading blog menjadi lambat seperti template blog yang digunakan tidak responsive dan tidak mobile friendly, namun terkadang terdapat tema yang sudah responsive serta mobile friendly namun komponen penyesun tema seperti css, javascript, dan widget yang terlalu berlebihan sehingga untuk memuat semua komponen tersebut butuh waktu lebih lama.

Terkadang faktor eksternal juga dapat mempengaruhi kecepatan blog lho! diantara faktor tersebut ialah browser yang digunakan, koneksi internet, dan kecepatan smartphone dalam menjalankan sistem, sehingga tidak ada cara mengatasi kecepatan loading blog lambat yang disebabkan faoktor ini.

Cara Cek Kecepatan Blog

Sebelum anda ingin menerapkan cara mempercepat loading blogger, anda harus mengecek terlebih dahulu berapa kecepatan loading blog anda saat ini, anda dapat menggunakan tools PageSpeed Insights dari Google.
Cara mempercepat loading blogger

Jika kecepatan anda lebih dari 93, artinya template blog anda sudah di optimasi oleh pembuatnya, tetapi jika masih dibawah 90 anda dapat mempercepat loading blogger. simak cara mempercepat pagespeed blog dibawah ini.

Cara Mempercepat Loading Blog

Dalam meningkatkan kecepatan blog blogger ada beberapa cara yang dapat anda terapkan berikut ini:

1. Mengganti Template Blogger 

Cara mudah mempercepat loading blogger bagi anda yang tak ingin report mengoptimasi template yang belum responsive adalah dengan menggunakan template yang sudah dioptimasi oleh developernya, anda dapat menggunakan beberapa template yang banyak direkomendasikan olah para senior blogger seperti Viomagz, Igniplex, dan Kompi Flexibel.

2. Mengahapus CSS, JavaScript, dan Widget

Selain banyaknya artikel yang akan semakin membebani blog, komponen-komponen CSS, JavaScript, dan Widget juga sangat berpengaruh terhadap kecepatan loading blog. Jadi, saya menyarankan menghapus komponen yang kurang bermanfaat, sehingga kecepatan memuat blog anda akan meningkat dari sebelumnya.

3. Menghapus Script Bawaan Blogger

Pada beberapa kasus ada beberapa template blogger memiliki kecepatan loading kurang sempurna, hal ini disebabkan script bawaan blogger. Untuk meningkatkan kecepatan blog anda dapat menghapus script bawaan seperti berikut:
  1. Login menggunakan akun blogger anda.
  2. Masuk menu Tema > Edit HTML.
  3. Setelah itu cari kode <head> dan </head>, kemudian ganti dengan kode dibawah ini:
  4.  <head> menjadi
    &lt;head&gt;
    
    </head> menjadi
    &lt;/head&gt;&lt;!--<head/>--&gt; 
  5. Cari dan ganti kode <body> dan </body> dengan kode berikut:
  6.  <body> menjadi
    &lt;!--<body>--&gt;&lt;body&gt;
    
    </body> menjadi
    &lt;!--</body>--&gt;&lt;/body&gt; 
  7. Selanjutnya tinggal menambahkan kode dibawah ini tepat diatas kode </body> yang sudah dirubah tadi.
     <b:if cond='data:blog.pageType == &quot;item&quot;'> <script src='https://www.blogger.com/static/v1/widgets/1068551213-widgets.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ _WidgetManager._Init("//www.blogger.com/rearrange?blogID=XXXXXXXX","","XXXXXXXX"),_WidgetManager._SetDataContext([{data:{dynamicViewsCommentsSrc:"//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js"}}]),_WidgetManager._RegisterWidget("_BlogView",new _WidgetInfo("Blog1","page_body",document.getElementById("Blog1"),{useNgc:!0},"displayModeFull")); //]]> </script> </b:if> 
    Catatan: ganti XXXXXXX dengan ID blog anda
  8. Langkah terakhir tingal simpan/save.
Untuk memastikan, sialahkan masuk ke view- source dengan cara tekan CRTL + U, atau mengetikan view-source:https://www.calondosen.com/ (ganti dengn domain anda), jika berwarna hijau berarti sudah benar.

4. Mengompres dan Menggunakan LazyLoad Image

Semakin kecil ukuran gambar yang digunakan, semakin cepat loading blog yang dihasilkan, karena itu mengkompres gambar adalah pilihan yang tepat.

Sebagai tambahan jika ingin meningkatkan kecepatan loading blog dengan menggunakan lazyload image sebagai berikut:
  1. Pergi ke halaman tema kemudian pilih Edit HTML
  2. Letakan kode dibawah ini tepat diatas kode </body>
  3.  <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://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s1/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
    //]]>
    </script> 
  4. Simpan Template 

Demikian 4 cara mempercepat loading blogger dengan efektif, semoga bermanfaat!

0 Response to "4 Cara Mempercepat Loading Blog dengan Efektif!"

Post a comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel