Compress CSS Blog-mu Untuk Mempercepat Loading Blog

Label:

Yah seperti pada umumnya, seorang pengunjung tidak akan senang berlama-lama untuk menunggu loading sebuah blog hanya untuk membaca isi artikelnya. begitupun juga dengan saya, jika menemukan sebuah artikel melalui search engine misalnya, namun ternyata untuk menbaca isi artikel itu di butuhkan perjuangan dengan loading lama, pastilah saya akan langsung menutup blog tersebut dan berpaling keblog lain, toh masih banyak blog lain yang menyediakan informasi sama.

Nah kalau sudah begini apalah artinya perjuangan anda menerapkan SEO atau Search Engine Optimization serta desain tampilan yang cantik pada blog kalau toh hasil akhirnya pengunjung di halangi dengan Loading Blog Lelet.

Jadi selain urusan SEO, Mempercepat Loading Blog juga merupakan salah satu faktor untuk membuat pengunjung/visitor blog menjadi rameh dan betah .

Seperti judul dari artikel ini, untuk mempercepat Loading Blog-mu salah satunya bisa dengan cara meminimaliskan ukuran Size dari kode CSS Blog atau lebih umumnya melakukan Compress CSS.

Untuk melakukan Compress CSS dengan mudah dan Simple, anda bisa menggunakan Tools CSS Compressor yang sudah banyak tersedia salah satunya ialah Tools CSS Compressor.

Cara menggunakan Tools CSS Compressor tersebut ialah:

Langsung tuju ke CSS Compressor,
Masukkan kode CSS anda di Textarea seperti pada gambar di bawah.

Jika mengerti, anda bisa mengatur beberapa konfirugasi yang ada pada bagian Mode dan Readability dan klik Advanced Options jika ingin mengatur beberapa setting sesuai keinginan anda. Namun jika anda tidak mengerti maksud dari setting yang ada di Tools tersebut biarkan saja Settingnya secara default.
Lalu Klik tombol Compress .
Ambil kode CSS anda yang di hasilkan dari Tools CSS Compressor tersebut.

Diposkan oleh Achmad Subarti at 12:36

17 komentar on "Compress CSS Blog-mu Untuk Mempercepat Loading Blog"

Add your comment. Please don't spam!
Subscribe in a Reader

Leo Ari Wibowo on 10 November 2011 19:55 mengatakan...: Trik yang bagus mas. Tapi kalau nggak hati-hati waktu mengompress, terkadang membuat tampilan blog jadi kacau
Achmad Subarti on 10 November 2011 20:44 mengatakan...: Buat @Leo Ari Wibowo: memang betul sekali, Maka dari itu hati2 juga menggunakan tools yang tersedia.

memang sih banyak tools compressor css yang sekarang bisa digunakan namun tentunya masing2 mempunyai proses compressi yang berbeda2 yang tentunya hasil juga terkadang berbeda.

Tapi bagi saya tools yang satu ini lumayan baik dalam hal Compress CSS

Baiknya jika tidak mengerti dengan beberapa pengaturan yang ada pada tools satu ini, saat melakukan compress css di biarkan saja setting secara default pada bagian Mode,Readability dan Advanced Options
DuniaPiyen on 13 November 2011 19:58 mengatakan...: saya sering menggunakan compressor ini untuk compress css blog duniapiyen... tapi selain kompress css, compress JS juga penting kalau kita menggunakan banyak file JS :D
Faisal on 16 November 2011 21:53 mengatakan...: Hmm...saya setuju, kecepatan blog adalah salah satu poin penting optimasi SEO blog kita.

Oya, saya pernah coba install theme di localhost, tapi ada kode yang error pas theme udah di install, kalo gak salah ada kata-kata 'GZip compressor error'. Apa GZip sendiri adalah salah satu metode untuk mengompress CSS ya gan? Tapi kenapa bisa error ya?

Trims udah sharing :)
Aplikasi symbian's blog on 21 November 2011 22:36 mengatakan...: berapa ukuran normal suatu css, apa 50 kb tu trmasuk berat om?
wisata indonesia on 1 Desember 2011 11:03 mengatakan...: info bagus om, cos blog saya kayaknya lumayan berat. but letak CSS tu yang mana ya om? cos baru belajar. thank
Mas bro on 4 Desember 2011 19:45 mengatakan...: saya kapok gan nge-kompres CSS.
coz tampilan blog jadi gk karuan
wisata indonesia on 18 Desember 2011 12:34 mengatakan...: Batas maks biar template g lelet tu brapa ya gan?? template saya 105kb tu termasuk kegede an g gan?? thanks
ega computer sumatera barat on 26 Desember 2011 17:07 mengatakan...: mantep gan share lagi ...
iklan kudus on 30 Desember 2011 12:57 mengatakan...: Info yang sangat menarik tetapi saya masih awam dengan css. Terima kasih.
Angga Bayu Prasetya on 1 Januari 2012 20:28 mengatakan...: Saya sudah berkali-kali melakukan compress. Hasilnya tamplan jadi kacau. Apa yang keliru ya?
Achmad Subarti on 6 Januari 2012 13:06 mengatakan...: @Angga Bayu Prasetya: Saya tidak tahu bagaimana sobat menggunakan CSS Compress, baik itu CSS Compressor http://tools.bartiqy.org/css-compressor/ ataupun CSS Compress lainnya.

Secara pribadi menggunakan tools pada tutorial ini, hasilnya lumayan baik seperti yang saya terapkan pada blog ini untuk melakukan Compressor CSS

Baiknya sobat melakukan Compressor CSS pada bagian element blognya sedikit2 aja lalu kemudian melihat hasilnya.
dedysebayang on 17 Januari 2012 11:47 mengatakan...: salam berkunjung gan, boleh bertukar link kan?
sebagai hormat saya link anda telah ada di blog saya trims..
FIKRISHARE - Free Download Software Full Version on 31 Januari 2012 18:19 mengatakan...: kl blogspot kode yg di kompress darimana sampai mna y mas? coz saya sendiri tidak edit2 template jadinya tidak tahu yg mna kode CSS itu.
mico on 12 Februari 2012 07:40 mengatakan...: menarik juga tuh infonya bro dan akan kucoba di situs ku deh, makasi atas scriptnya loe, dari mico
mico on 15 Februari 2012 14:06 mengatakan...: gue pake php script buat web cuman gue bingung kompress pake apa karena gak ada aplikasi nya heheh. salam kenal dari mico
Rina As on 24 Februari 2012 09:37 mengatakan...: Blog saya benar2 berat aksesnya, terima kasuh telah berbagi tips ini
semoga blog saya lekas membaik..