Cara Jitu Percepat Loading Tampilan Blog | CSS Compressor

Posting by : Ongki sang jagoan blog on Rabu, 17 Februari 2010

imageEhm.. Percepat load blog dengan CSS Compressor, disin saya akan jelaskan sedikit biar teman – teman tidak salah paham. CSS Compressor, sebelumnya kita gunakan koneksi internet yang sama. Maksudnya yang sekarang teman-teman pakai, dimana kita akan membedak an blog sebelum dan sesudah di compress dengan CSS Compressor.

Teknik kompresi pada CSS paling tidak mampu meningkatkan performa loading page blog anda. Disini bukan dalam artian super cepat ya, tapi cenderung ke arah optimalisasi CSS. Ya begitulah, dalam artian kalau kita memasak CSS Compressor ini hanya sebagai bumbu penyedap rasa. Nah, CSS Compress ini cuma salah satu bumbu penyedap saja, tidak ada cara sebagus apapun selain optimalisasi pada size image.

Langsung aja ke TKP :

CSS Drive - CSS Compressor merupakan salah satu layanan gratis yang biasa aku gunakan. Yang paling menrik nich, tools yang di sediakan 3 level mode kompresi berbeda yaitu Light, nomal dan Compact. Cara kerjanya, metode kompresi CSS ini berusaha memperkecil ukuran dengan menghilankan spasi dan komentar yang tidak diperlukan. Om 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 Advanced mode.

Selain fungsi Compress tentu kita juga mengenal mode Uncompress. Biasanya uncompress digunakan sebagai kebalikannya. Sayang CSS Drive tidak memiliki fungsi ini, jadi saya menyarankan kita bisa mencoba pada layanan ini CSS Optimizer.

Cara Kompresi CSS pada Blogger:

sebelumnya jangan lupa backup semua kode pada halaman Edit HTML (Download Full Template)

Pada halaman Layout >> Edit HTML, Code CSS biasanya terletak diatara kode <b:skin><![CDATA[ dan ]]></b:skin> silahkan CoPas semua kodenya kemudian lakukan kompress pada tools diatas, jika sudah CoPas lagi kode yang sudah di compress ke halaman Edit Html pada posisi semula.

{ 4 Coment... read them below or add one }

Cygnus mengatakan...

... wah makasih banyak, atas info-nya !

jaka mengatakan...

wah, saving 11%
makasih tut'snya :)

jangan lupa kunjung ke blog aku :)

Unknown mengatakan...

wah setelah praktek ane bingung....tolong mampir ke www.taufikhasbi.blofspot.com semua diundang

Nanyak mengatakan...

Ni yang di copas code diwah ]]> / diata ]]>..???
baless.!!

Posting Komentar