6 Cara Mempercepat Loading Blog/Web Paling Ampuh

Seperti yang kita tau bahwa saat ini Google begitu mengutamakan sebuah blog atapun web yang memiliki loading super ngebut dan ringan saat di akses. Kecepatan sebuah loading blog saat dikunjungi juga secara langsung akan mempengaruhi nilai SEO.

Untuk itu dalam artikel ini saya akan bagikan seluruh pengetahuan saya yang berhubungan dengan cara mempercepat loading blog.



Jika nantinya ada kekurangan saya mohon maaf dan silahkan benarkan pada kolom komentar artikel ini. Sebab memang yang saya tulis pada artikel ini adalah yang saya tau hingga saat ini untuk percepat loading blogger.

Jikapun ada tambahan dari rekan-rekan mari diskusikan bersama melalui kolom komentar dibawah.

Yuk langsung saja masuk ke inti artikelnya.

Cara Mempercepat Loading Blog Paling Ampuh

Manfaat loading blog yang cepat adalah memberikan kenyamanan bagi para pengunjung. Sebab pengunjung tak perlu lama-lama untuk menunggu konten kita dimuat saat hendak membacanya.

Selain itu saya juga sudah sedikit singgung diatas bahwa loading blog yang cepat juga berpengaruh pada SEO. Dengan loading blog yang cepat maka akan mempercepat pula proses perayapan oleh bot-crawl milik search engine sehingga artikel yang kita buat juga akan lebih cepat terindex.

Baiklah langsung saja kita masuk ke inti tutorialnya.

1. Kurangi Penggunaan Widget yang Tidak Penting


Ini sangat sering terjadi pada seorang blogger pemula. Seperti saya dulu yang begitu suka memasang widget widget yang sebenarnya tidak penting seperti widget musik, game dan lain-lain. Memang terlihat sedikit keren si, tapi ini justru akan memperburuk kinerja blog itu sendiri.

Jika kamu sekarang ini sudah mulai fokus untuk ngeblog, silahkan hilangkan kebiasaan tersebut. Buang saja widget-widget yang dirasa memang tidak penting.

2. Lakukan Compress Gambar Potingan


Langkah selanjutnya untuk mempercepat loading blog adalah dengan cara melakukan pengompresan ukuran pada gambar postingan. Hal ini juga akan berdampak cukup besar pada proses pemuatan konten untuk menjadi lebih ringan.

Mengkompres gambar sendiri bertujuan untuk memperkecil size pada gambar itu sendiri. Jika ingin gambar tidak buram saat di kompres silahkan gunakan format gambar png.

3. Pasang Lazy Load Image


Fungsi utama dari Lazy Load Image adalah untuk menunda pemuatan gambar agar tidak langsung muncul saat halaman dibuka. Ketika pengunjung melakukan scroll artikel maka gambar baru akan muncul.

Dengan penundaan ini maka otomatis loading blog juga akan meningkat.

Untuk memasang Lazy Load Image silahkan ikuti panduan berikut ini.

  • Buka Blogger.com
  • Sign In dengan Akun Google kamu
  • Masuk ke Dashboard Blogger 
  • Pilih menu Tema 
  • Klik Edit HTML 
  • Dan pasang script berikut tepat diatas kode </body>

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

  • Kemudian silahkan klik Simpan Tema.

4.  Memasang Lazy Load Adsense


Bisa dikatakan hampir rata-rata blogger mendapatkan penghasilan dari Adsense.

Adsense sendiri merupakan sebuah perusahaan milik Google yang menjalin kerja sama dengan para konten kreator termasuk blogger dalam memasarkan iklan yang masuk ke perusahaan mereka.

Jadi kita akan mendapatkan penghasilan berupa bagi hasil dengan Adsense saat kita bekerjasama.

Untuk yang sampai sekarang belum diterima Adsense mungkin bisa baca artikel saya tentang Cara Jitu Agar Diterima Adsense dengan Cepat.

Kembali lagi ke topik.

Adsense sangatlah diburu oleh para konten kreator dalam ajang menghasilkan uang dari blog. Namun faktanya ada juga yang mempermasalahkan kode iklan dari Adsense yang dirasa cukup membuat loading blog menjadi berat.

Untungnya saat ini sudah ada sebuah cara agar kode adsense tidak membuat blog menjadi berat yakni dengan memasang Lazy Load Adsense.

Nah untuk pemasangan kode Lazy Load Adsense saya sudah membahasnya di artikel saya yang ini, Cara Memasang Lazy Load AdSense Blogger Terbaru.

Silahkan simak artikel tersebut, disitu lengkap cara pemasangannya.

5. Mengatasi Leverage Browser Caching Favicon


Favicon merupakan sebuah icon atau logo yang biasa kita temui pada sebuah situs, di Blogger sendiri sobat bisa menambahkan dan mengganti icon standar Blogger di blognya dengan icon custom buatan sendiri melalui widget di Tata Letak.

Leverage Browser Caching pada Favicon menjadi salah satu faktor penghambat kecepatan blog yang biasa saya cek lewat GTmetrix seperti ini :


Cara Mengatasi Leverage Browser Caching Favicon

Pertama, buka Blogger > Klik menu Tema > Klik Edit HTML > Kemudian cari kode di bawah ini

<link href='/favicon.ico' rel='icon' type='image/x-icon'/>

Silahkan ganti kode diatas dengan kode dibawah ini.

<link href='https://cdn.statically.io/favicons/www.nama_domain.com' rel='icon' type='image/x-icon'/>

Silahkan ganti kode yang ditantadi dengan alamat domain kamu.

Setelah itu Simpan Tema.

6. Mengaktifkan Expired Header


  • Buka Blogger.com
  • Sign In dengan Akun Anda
  • Masuk ke Dashboard Blogger
  • Pilih menu Tema
  • Klik Edit HTML
  • Pasang script dibawah ini tapat diatas kode </head>
<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.ico'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>
  • Lalu klik Simpan Tema.
Demikianlah Cara Mempercepat Loading Blog/Web Paling Ampuh. Semoga bermanfaat.