Tuesday, 15 March 2016

Optimasi Loading Menggunakan CSS Compress

Optimasi Loading Menggunakan CSS Compress

Teknik kompresi pada CSS paling tidak mampu meningkatkan performa loading Blog anda. Disini bukan dalam artian super cepat tapi cenderung ke arah optimalisasi CSS. Jika kita bicara masalah kecepatan loading page, CSS Compress ini cuma salah satu bumbu penyedap saja, tidak ada cara sebagus apapun selain optimalisasi pada size image (jangan dibandingkan dengan kecepatan koneksi internet dulu ya, kita anggap saja koneksi yang kita gunakan sama ;)


CSS Drive Gallery- CSS Compressor merupakan salah satu layanan gratis yang biasa di gunakan untuk keperluan ini. Yang menarik, tools ini menyediakan 3 level mode kompresi berbeda yaitu Light, nomal dan Compact. Cara kerja metode ini berusaha memperkecil ukuran dengan menghilangkan spasi dan komentar yang tidak diperlukan. saya sarankan untuk yang baru utak atik CSS jangan langung mencoba mode Super Compact dan Strip All Comments, sebaiknya gunakan mode Light dan don't strip any comments terlebih dahulu. Untuk yang sudah mengerti bisa mencoba level kompresi selanjutnya pada pilihan
http://www.cssdrive.com/index.php/main/csscompressoradvanced/

Selain fungsi Compress tentu kita juga mengenal mode Uncompress. Biasanya uncompress digunakan sebagai kebalikannya. Sayang CSS Drive tidak memiliki fungsi ini, jadi saya sarankan kita bisa mencoba pada layanan ini
http://mabblog.com/cssoptimizer/uncompress.html

(Baca Juga : Apa Yang Dimaksud CSS dan Apa Kegunaannya).

Cara Kompresi CSS pada Blogger:
Sebelumnya jangan lupa backup semua kode pada halaman Edit HTML
Pada halaman Edit HTML, Code CSS biasanya terletak diatara kode <b:skin><![CDATA[ dan ]]></b:skin> atau antara <style type='text/css'> dan </style> silahkan copy-paste semua kodenya kemudian lakukan kompress pada tools diatas, jika sudah copy-paste lagi kode yang sudah di compress ke halaman Edit Html pada posisi semula.
Semoga bermanfaat, jangan lupa kritik dan saranya..