Mempercepat Loading Halaman Blog dengan Cara Mengkompres Kode CSS

Tweet

Mungkin seringkali kita bertanya dalam hati, Hal apa yang membuat proses loading halaman blog terasa sangat berat? Bisa jadi mungkin dikarenakan banyaknya widget yang terpasang, penggunaan javascript yang berlebihan, menggunakan animasi flash berukuran besar lebih dari satu juga faktor lainnya. Apalagi jika dalam penggunaanya diletakkan disebelah kiri halaman blog, maka akan terasa lambat sekali dikarenakan browser selalu membaca blog secara berurutan dari sebelah kiri atas sampai kiri bawah kemudian berlanjut ke bagian kanan atas sampai kanan bawah, kemudian terakhir tentunya baru bagian footer atau kaki blok. Atau bila Anda ingin mengetahui berapa kecepatan loading blog Anda silahkan kunjungi alamat ini (webwait) atau bisa juga ini (webslug).

Penggunaan kode CSS ternyata juga berdampak pada kecepatan loading blog namun hal ini bisa kita minimalisir dengan cara mengkompres kode CSS tersebut sehingga nantinya juga akan berpengaruh terhadap kecepatan loading tadi. Adapun cara untuk mengkompresnya, Anda bisa menggunakan layanan kompres CSS online. Caranya adalah :

1. Login ke blogger Anda.
2. Masuk ke halaman Rancangan > Edit HTML lalu beri tanda centang pada Expand Template Widget.
3. Oh iya, jangan lupa untuk membackup template Anda sebelumnya untuk berjaga – jaga bila terjadi sesuatu diluar keinginan Anda.
4. Jika sudah, silahkan Copy semua kode setelah <b:skin><![CDATA[/* sampai sebelum kode ]]></b:skin> kemudian simpan dulu di notepad.
5. Kunjungi alamat layanan kompres CSS online : csscompressor atau bisa juga ke alamat ini : cssdrive (pilih salah satu saja).
6. Setelah itu Copy lagi kode CSS yang Anda simpan di notepad tadi dan paste ke box CSS input atau Insert CSS code, lalu klik Compress atau Compress-it.
7. Sudah selesai? Copy kembali hasil kompres lalu masuk ke edit HTML cari kembali semua kode setelah <b:skin><![CDATA[/* sampai sebelum kode ]]></b:skin>, klik kanan lalu paste.
8. Setelah itu klik Simpan Template dan selesai.

Attention !
Bagi Anda yang memilih layanan CSS Drive saya sarankan untuk pemula gunakan mode Light pada Compression mode dan pilih Don’t strip any comments terlebih dahulu. Dan jangan mencoba mode Super Compact dan Strip any comments kecuali seorang Advanced. Tapi alangkah baiknya jika Anda membackup dulu template Anda sebelumnya