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. 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 - CSS Compressor merupakan 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. 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 om sarankan kita bisa mencoba pada layanan ini CSS Optimizer.
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> 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. Selamat mencoba :)
Subscribe in your preferred RSS reader:
88 Komentar:
Saking Mantafnya dari tadi baca bingung mau koment apa?? Langsung di coba dulu ya om biar ngerti. Thanks infonya :)
BTw, tag variable-variable juga diikut sertakan o-om ? atau hanya class-class CSSnya saja ?
sip :)
cobain dulu ahhh
wah, makasih banget ya om udah ngasih infonya...
sip.... Om... tak cobane
coba dulu deh om. nuhun...
makasih info-ny om... salut...salut coklut ;;)
Kalo nggak salah, nanti halaman edit HTML kita akan jadi lebih ramping bukan?
Blog saya udah.. (tapi bawaan dari templatenya memang ;))
yang penting comment dulu ah...
:D
Langsung dicobain. gak pake lama. :D
keren nihhh om hebat bgt yahhh dapet darimana tuh ilmunyaa, tapi om baik deh udah bagi-bagi :X
Wew.. ada info-oke lagi nih.. asiiikk..
Langsung ke TeKaPe deh om. Thanks..
Info keren toolsnya juga keren. Langsung menuju TKP.
yang dibutuhkan datang segera ...
ternyata kesigapan om dalam menganalisa kebutuhan blogger emang OKE. sip dah, coba dulu ... thanks
Mampir Om.., mantab nih... om, cobain ah...
Duh mo coba tp takut uyy :-t
ikut nyoba om ;)
ga berani aku om soal takut kenapa2 CSS aku apalagi awam soal ginian
om mau nanya nih, aq baru daftar domain di .co.cc baru aja, trus hostingnya pakai 000webhost.com, pertama dah bisa dibuka n dpakai wat posting, sekitar jam 6-7 PM tapi setelah jam 9 PM saya buka lagi kok ga' bisa ya. mhon bimbingannya. saya bener2 bingung, tadi dah seneng2 dah ngedit template, eh malah ga' bisa dibuka.
coba dulu ya mas. tengkiu buat tipsnya
Thanks buat semua komentarnya :)
@eko : silahkan dicoba tar eko
@permana : Kalo bisa semua aja.
@rohman : thanks kang
@bocah iseng : silahkan dicoba :)
@zona merah : thanks juga ya
@film baru : silahkan dicoba :)
@anang : silahkan dicoba :)
@hendrawan : bener jadi lebih ramping
@pekanbaru : hehehe berarti gak perlu dicompress lagi
@syahuri : monggo...
@ecko : silahkan dicoba ecko :)
@anas : thanks ya
@mymoen : silahkan ke tkp ya
@fery : silahkan ke tkp ya
@didi : iya harus selalu siap dengan keinginan pembaca :D
@taktiku : silahkan dicoba ya
@bani : jangan takut..khan bisa dibackup dulu CSS nya
@jimmi : silahkan jimmy
@tony: jangan takut mas tony..khan bisa dibackup dulu CSS nya
@hendra : nah kesalahan erronya om gak tau pasti kalo gak liat. coba di cek ulang mungkin ada yang salah settingnya
@nigel..: silahkan dicoba dulu :)
semua CSS isa di kompres kan? WP juga bisa kan?
wahh informasi yang bermanfaat oom
sukses selalu oom
langsung di coba :)
info baru om bagi saya... ta coba di blogspotku ah... makasih om ;)
langsung ke TKP nie, langsung saya cek pake dynotest kayak punya ROssi.. :D
Kren OM! :))
Tp klo aku msh bru bljar css, jd klo commentnya dan spasinya hlang ku kan kbngungan ngditnya :D
kalau di joomla ada nggak??? yang 1.0 klu 1.5 kayakna bisa....
Bisa dipakai untuk WP atau cuma blogger aja, Boss?
mantaps 8-}
wih....mantep oom...ngomong2 kenapa yg baru belajar direkomendasikan ke yg Light, apa ada dengan yg Compact...thanks :)
@malapu : semua yang support CSS bisa tidak terkecuali blogger
@gelandangan : thanks gelandangan
@duan : silahkan :)
@hakimtea : sama-sama hakimtea
@whyu: :D
@gamma: iya jangan langsung yang level Strip All Comments..pake mode light aja dulu
@rizoa: semua yang sopport css pasti bisa kok
@sapimono : bisa untuk semua :)
@biru: yup..
@ranggalawe : kalo yang baru belajar ya pake itu dulu biar gak bingung balikinnya. kalo dah ngerti bisa lngsung ke mode compact.
selain cepat css juga paling di senangi search engine ,apalagi google (napsu banget) :D
tul nggak master :D
benul eh betul om, teknik kompresi memang terbukti mantab. saya sudah dr dulu pakai software kompresi macam begini, seringkali untuk ngompress file javascript. lumayan ukuran filenya jadi lebih kecil
Sory ya Om, aku meh OOT.
Cara mengubah comment menjadi follow piye sih? Tengkyu
@iwan : pasti lebh bernafsu dan begairah ya suhu :D
@tipis: iya sebenarnya masih banyak kompressi css html dan JS ya tipis..nanti om coba tulis lagi yang lebih bagus.
@Great : silhakan baca disini http://www.o-om.com/2008/03/menghilangkan-nofollow-comments-blogger.html
langsung ke TKP om..thkn brow....
sip bos, penting banget nih yang ginian biar visitor gak lari duluan ;)
Perlu belajar lagi neh... soalnya ga mudeng css
mau nyoba ah...., tangkiu ya suhu....
wuihhh.. emang om nee selalu ada ajah yang baru .. thanx peri much degh
@iqbal : monggo...
@badboy: iya lumayan nambah cepat dikit :)
@putra eka: langsung di compress aja ka :D
@alif & thom: makasih juga ya
mas o-om, saya biasanya kompres file jpg menggunakan photoshop dengan cara file>Save For Wev.
Kira-kira ada cara yang lebih praktis lagi nggak ya (aplikasi) supaya saya nggak perlu repot membuka photoshop untuk mengecilkan kilobyte gambar.
@anas: coba di sini <a href="http://www.o-om.com/2007/11/cara-konversi-dan-optimasi-gambar.html">http://www.o-om.com/2007/11/cara-konversi-dan-optimasi-gambar.html</a>
Perlu dicoba nich oom ...
Sepertinya saya harus mempertimbangkan pindah hosting nich .... bandwidth in-tips.com nggak cukup buat 1 bulan nich .. :((
@arif : hehehe susah juga ya kalo hosting snediri pake WP :) masalah classic bandwith pasti terjadi.
Wkwkwkwkw...
Saya nggak pernah mengkompres CSS template blog saya. Nggak ngerti alatnya sih.
Eh, sekarang jadi ngerti. Makasih, Om.
Om,image mempengaruhi loading ga?.CSS compresor ini ada pengaruhnya utk site yg banyak image nya ga?.Mkasih Om smuanya,klo tanam kebaikan pasti akan menuai kebaikan.
ok ommmm tak coba juga yuah.......mudah2han bisa amin......
banner bikin lama loading nya ya om.... kayak nya iya yah..sejak saya pake banyak banner jadi lelet loadingnya
hehehe
Nyesel saya pindah pake WP, kalau masih doblogger bisa diutak-atik dan dibolak-balik nich ...
Buat baru aja ya...
oke om siap, berarti kalo newbie kaya' aq ini harus pakai yg light mode ya.. oke dicoba om.. berangkat dulu,.. la haula wala kuata illa billah (doa sbelum berangkat)... meluncur..
Paten infonya om... Thanks... Bisa juga kog dipraktekin untuk WP :D
@Rhoon5 : CSS ini hanya melakukan kompresi ke CSS jadi image gak ada pengaruhnya dan tidak masuk dalam kompresi
@Fariez : kalo newbie nya kaya kamu gimana masternya ya... :-/
wow.. nice,maksh bgt om,
link anda uda aku add,sudikah kiranya
anda juga pasang link saya ?
http://mp3-az.blogspot.com
maknyuss om langsung ke tkp
@All : thanks buat komennya :)
JoVie mau nyoba Om...komentnya udah urutan ke - banyak banget-
tapi tetep PD ngasih koment..
@JoVie : thanks dah komen ya walau urutan bawah :)
mantab bos,
mohon izin praktek ya.
sukses selalu
tenkyu om, dah aku coba
thanks Om...udah dicoba nih
@All : thanks dah komen ya :)
makasih banget om tipsnya...blogs saya lelet amat
om aku mau tanya nie, gmanah caranya agar artikel di blog saya itu tidak numpuk di halaman depan blog.???
tolong donk om:) :) :)
mau dicoba tapi ko' takut ya OM...
aapa ni yg nm nya first step.....wualah
Yup !
mas, aku baru pertama kali mengunjungi blog ini. keren sekali template nya, postingan2 nya juga berkualitas. oiya, css compressor itu harus gratis kah ?
Om Thank yach templatenya... sebelumnya mkash bgt... boleh kan... saya banyak bertanya dan berlajar sama om... Thank yach...
knapa juga nyasar kesini lagi :D becanda Om...
oiiiya, numpang taruh nama Om di blog saya :)
gak harus bayar royalti kan =))
btw, koment bwt this post..
-seandainya dijalankan pengaruh baik - buruknya dimana? adakah? (ini namanya bukan komen..tapi nanya balik.. :-t
Maksih Om dah saya coba di blog saya......
thx onfox ooooommm...
coba aaaaghh...
bete jg lo blog kita berat... kecian fans, heheheheee....:))
walaupun telat tak apalah... :D
om emang top abiz...
tengkyu om...
Thanx om...
bguna banget....
:D
thanx om...
bguna bngt neh..
:D
Mantap Om, langsung berasa khasiatnya (kaya tukang jamu aja, hehehehehe.....), Terima kasih banyak Om.....
langsung coba om semoga bisa.
si Oom emang TOP bgt... :0
Wah informasi yang sangat berharga bagi saya blogger pemula nih, meski masih bingun. Trimakasih
Infonya oom selalu memberikan solusi yang terbaik kepada saya.. thx ya Om... :D
Mantaf aku telah mencoba dan berhasil dan aku jg tlah beritahu teman yg laen gpp kan om. maksih om blog om emang tiada duanya Top bgt, maksih jg skalian buat templatenya om hehehehe :)
thx infonya om yg baik :D :D
om benar,lumayan cepat tuch....
ok deh om.
pasti di coba
terimakasih deh om
Mkasih om atas ilmunya ...moga bermanfaat :)]
Poskan Komentar
Silahkan beri komentar dan jangan permalukan diri sendiri dengan komentar spam ya. thanks :)