Tips Compress CSS Blog Agar Loading Cepat

Compress CSS blog bertujuan untuk meringankan loading blog. Seperti yang telah dibahas pada postingan sebelumnya mengenai Cara Mempercepat Loading Blog, bahwa loading blog yang berat berakibat kepada turunnya trafik dan pageviews dikarenakan kebanyakan pengunjung akan keluar meninggalkan blog dengan loading yang berat sebelum membaca artikel kita sehingga akibatnya akan meningkatkan bounce rate blog tersebut dan semakin turun peringkat blog tersebut di mesin pencari.

Untuk mengkompres css kita bisa menggunakan tool gratis dari salah satu web compress css yakni http://cssdrive.com. Disini kita diberikan pilihan dalam menentukan tingat compress sesuai yang kita inginkan.

Cara Compress CSS Blog Agar Loading Cepat

• Masuk ke akun blogger anda
• Klik ‘Template’  >>  pilih ‘edit HTML’
• Cari kode :

<b:skin> dan </b:skin>

(gunakan Ctrl+F untuk mempermudah pencarian)

• Cut / potong kode CSS yaitu kode yang ada diantara kode <b:skin> dan </b:skin>
• Buka http://cssdrive.com
• Akan muncul pengaturan compress dan kolom untuk mengisi CSS yang ingin dikompres. Setting pengaturan kompres pada : "Compression mode = Normal" dan "Comments handling = don’t strip any comments"

• Lalu paste kode CSS yang telah anda cut tadi ke kolom CSS .
• Kemudian klik ‘Compress-it !’
• Lalu copy kode CSS yang sudah di compress tersebut
• Kembali ke halaman template blogger dan pastekan kode CSS yang telah di compress tersebut di tempat tadi yaitu diantara kode <b:skin> dengan kode </b:skin>
•  Save Template selesai.
• Sekarang silahkan buka halaman blog anda, amati dan bandingkan kecepatan loading blog anda dari sebelumnya atau anda juga bisa memeriksa kecepatan loading blog anda.