Cara Mempercepat Loading Blogspot

Cara Mempercepat Loading Blogspot - Kembali pada tutorial yang berikutnya yaitu bagaimana cara mempercepat loading blog. Seperti yang kita ketahui bahwa Google atau lebih tepatnya robot google tidak suka dengan blog yang loadnya berat. Nah tutorial Cara Mempercepat Loading Blog kali ini hanya untuk blogspot/blogger namun tidak menutup kemungkinan untuk di coba di wordpress, karena untuk wordpress saya sendiri belum mencoba dan saya ada trik tersendiri untuk mempercepat loading Wordpress.

Untuk Mempercepat Loading Blogspot itu sendiri sebenarnya ada beberapa cara. Berikut :

1. Kurangi Widget Blog yang Kurang Bermanfaat.
2. Hindari Penggunaan Script yang Berlebihan.
4. Kurangi jumlah post yang muncul dihalaman depan blog anda. Google sendiri menyaranakan maksimal 10 post.
5. Gunakan widget dan javascript dari blogger. Namun jika ingin menggunakan javascript dan widget dari pihak ketiga, pastikan penempatannya bagian bawah blog atau dibawah sidebar.
6. Kurangi gambar, video maupun multimedia. Atau kalau tidak, anda bisa mengurangi ukuran pixel pada gambar tersebut.
7. Usahakan CSS anda tidak lebih dari 20 kb. Anda bisa melakukan compress css, dan tidak lebih dari 1160 byte.
8. Mengkompres Script Blog

Nah sekarang kita coba edit-edit kodingnya ya.. Pertama silahkan gunakan browser google Chrome, mengapa?? karena nanti kita perlukan itu. Berikut : 

1. Login ke Blogger.com

2. Klik Rancangan lalu klik Edit HTML

3. Cari kode </head> gunakan Ctrl + F untuk pencarian.

4. Letakkan kode di bawah ini di atas kode </head>.

</a><script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://bloggerswordpress.googlecode.com/files/bloggerswordpress.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;http://pwam.googlecode.com/files/grey.gif&quot;,threshold : 200});
});
</script>

4. Simpan template.

Dan untuk step berikutnya seperti yang saya jelaskan dengan menggunakan Google chrome tadi ini dia tutorialnya : 

• Gunakan Google Chrome untuk membuka blog anda
• Lalu pada keyboard, silahkan tekan 3 tombol secara bersamaan ( ctrl+shift+I )
• Klik "Audits" dan hilangkan centang pada "Network Utilization".
• Centang pada "Web Page Performance"
• Lalu klik "Audit Present State", lihat gambar dibawah ini.

• Lalu klik "Run" 

• Saatnya menunggu respon dan laporan dari google chrome. Anda akan diberikan kode css yang tidak terpakai pada "Remove unused CSS rules", lihat contoh hasilnya dibawah ini :

• Selesai, sekarang tugas anda hanya mengedit kode css anda dan hapus css yang tidak terpakai

Nah itu tadi beberapa Cara Mempercepat Loading Blogspot, selamat mencoba dan semoga bermanfaat. salam

Tweet

Komentar →