Mempercepat Loading Page Dgn CSS Compresor

Sunday, August 24, 2008

Sebelumnya ini tutorial untuk optimasi css kamu yg berantakan jadi rapi

Teknik kompresi CSS paling ngak ya isa ningkatin performa loading page blog Mu. Disini bukan dalam artian super cepat lho, tapi cenderung ke arah optimalisasi CSS. kalobicara masalah kecepatan loading page, CSS Compress ini cuma salah satu bumbu penyedap ibaratnya....

sebenrnya ngak ada cara sebagus apapun selain optimalisasi pada size image
blog kita yang biasanya blog nya kakean image ya slow wajar kan
( tapi jangan dibandingkan dengan kecepatan koneksi internet dulu ya...kita anggap aja koneksi yang kita pake sama).

CSS Drive - CSS Compressor salah satu layanan gratis yang biasa om gunakan untuk keperluan ini. Yang menarik, tools ini menyediakan 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. Kalo aku sarankan untuk yang baru / newbe utak atik CSS jangan langung mencoba mode Super Compact dan Strip All Comments... sebaiknya pake mode Light dan don't strip any comments duluan kalo salah dikit aja isa bingung kamu benerinya jangan2 artinya tulisan di atas aja ngak mudeng ya bagaiman piye.... Untuk yang sudah mengerti isa coba level kompresi tingkat atas ataobiasa dibilang Advanced mode.

Selain fungsi Compress ada juga kebalikanya yaitu mode Uncompress. Biasanya uncompress digunakan sebagai kebalikannya jadi setelah di kompres (sakit apa ya si scc ini ampe dikomprsin segala) bisa dikembalinan ke status awalnya pake menu itu mode Uncompress . Sayange CSS Drive ngak punya fasilitas itu, jadi aku sarankan kita mencoba pake layanan ini

CSS Optimizer.

Cara Kompresi CSS pada Blogger:

(sebelumnya jangan lupa backup dolo semua kode halaman Edit HTML)

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

Beres Deeh....

note :

jika kamu rasa kurang cepet aku kasih link compress lanjutan Compresor Step 2 link ini optional / up to you lah mau pake apa ngak tapi kalo kamu pake loading mu tambah cepat karena sekarang aa 3 pilihan compress nya html , scc , xhtml tinggal kamu copy ja semua isi html blog kamu trus centangin pilihan xhtml trus click compress kalo dah hasil compress tadi kamu copy paste aja ke html blog kamu semuanya (jadi html yg lama di delete aja )

TADAAAAAAAAAAAAAAAAAA LOADING KAMU CEPAT JADINYA TANPA NGERUSAK JS (JavaScript) MU / SETINGAN GADGET MU KOK