Mengkompres Blog agar loading cepat

Rabu, 10 Agustus 2011

Mengkompres Blog agar loading cepat

Hari ini saya terbangun dari tidur mendengar orang-orang membangunkan sahur,,,sebelum itu saya mendapatkan ide postingan untuk blog ini yaitu:baca aja diatas,,hahahaha

Kompres Code CSS Untuk Mempercepat Loading Blog, kecepatan loading blog adalah salah satu bagian dari SEO kenapa? ya kebayang dong ketika seseorang membuka blog kita loadingnya sangat lambat sudah barang tentu langsung gerak mouse dan close wah sayangkan dan pasti males mau berkunjung kembali ke blog kita. banyak cara untuk mencapainya agar blog kita cepat dan mudah diakses, pokoknya yang SEO Friendly deh lengkapnya cari di google deh,.hhehehe

untuk Mempercepat Loading blog ada beberapa cara diantaranya yaitu mempercepat loading blog dengan CSS external berupa file Css yang kita upload di webhosting maupun dengan cara mengkompress kode CSS kita baik manual maupun otomatis bahkan bisa juga dengan kode HTML-nya juga dikompress. lebih jelasnya lagi mendingan sambil praktek aja ya, kali ini khusus untuk kompress code CSS agar loading blog kita cepat. untuk membandingkannya sebaiknya cek dulu kecepatan blognya disini lalu bandingkan setelah dikompress.

buka akun blogger sobat masuk ke layout pilih edit html kemudian download sebagai jaga-jaga kalau nanti ada yang error.
copy semua kode CSS dari setelah kode <b:skin><![CDATA[ sampai pada kode sebelum ]]></b:skin>
kompress kodenya di CSS Kompressor dengan pilihan Compression mode = pilih ‘Normal’ Comment handling = pilih ‘Don’t strip any comments’. sedangkan untuk Compression mode = pilih ‘Super Compact’ Comment handling = pilih ‘Strip all any comments’ akan lebih bagus lagi tapi mungkin akan sedikit merubah pada blog anda.
paste-kan kembali diantara kode pada step ke-2 hasil compress tadi
simpan dan tes kembali kecepatanya lalu lihat blog anda tentunya akan semakin cepaat loadingnya. ini sudah saya praktekkan di beberapa blog saya dan hasilnya bagus.

sampai disitu sudah cukup tapi ada yang lebih lagi kalo dirasa masih kurang ini langkahnya:

kompress kode CSS seperti diatas jika belum dikompress kalo perlu mode Super Compact.
copy semua code diantara kode <body> ……………………………. </body>
buka HTML Compressor kompress lalu copy dan pastekan diantara kode pada no-2 diatas.
simpan dan lihat hasilnya.

sebagai catatan kode pada blog kita akan kelihatan berantakan tapi tenang itu dikarenakan codenya tanpa spasi kalau mau rapi ya manual bercanda jangan marah ya,,hehehe. selamat mencoba ya semoga sukses dan pengunjungnya kesengsem sama loadingnya.

buat next gw bakal lanjutin yaitu kompres javascript!!

Another Posts:

6 komentar:

Teach for free mengatakan...: thanks,,,lebih komplit isinya,,; 10 Agustus 2011 pukul 22.30
Abd.Rahim Arafat mengatakan...: thanks juga,,,uda mampir,,,; 10 Agustus 2011 pukul 22.38
holisah mengatakan...: mas saya gagal. saya mau tanya kode asli'a yang setelah dihapuskan dan diganti kode compress. atau tetep kode aslinya ada ditambah kode compress?? mohon bantuannya.; 6 September 2011 pukul 19.10
holisah mengatakan...: mas makasih saya dah berhasil tapi templatenya jadi ilang, mas saya mau nyari template yang friendly.... gimana caranya mas????; 7 September 2011 pukul 14.19
Abd.Rahim Arafat mengatakan...: @Imagination the best graduate of intensivekoq bisa hilang???,,saya berhasil koq pke blog ini,kmu mo template yg XHTML valid atau yg seo friendly..??; 8 September 2011 pukul 06.15
Abd.Rahim Arafat mengatakan...: @silahkan pilih templatenya sudah saya sediakan; 11 September 2011 pukul 13.27

Posting Komentar

Ayo Setelah Baca Berilah Komentar Yang Bersifat Membangun dan tidak ada SPAM,Thanks!*(Khusus Yang gagal Berkomentar Untuk Berkomentar,Hapus Semua tulisan di form komentar,baru tulis komentarmu ^_^ )

Rabu, 10 Agustus 2011