Untuk mempercepat loading homepage blog kita adalah dengan Cara Compress Kode CSS dengan Cepat. Selain dapat meningkatkan kecepatan loading homepage, Compress CSS juga bisa menghemat bandwidth. Cara ini tentu sangat bagus untuk web atau blog kita yang mengalami masalah lamanya waktu loading, apalagi blog kita yang sudah padat berjejal kode CSS, javascript, jQuery atau muatan artikel, gambar, video ataupun yang lain. Silahkan anda bisa coba cara ini.
Caranya kita gunakan penyedia layanan tool gratis dari www.cssdrive.com. Hasil Compress CSS tergantung pada tiga tingkat kompresi yang bisa kita pilih.
Dan inilah langkah-langkah untuk compress kode css sbb:
- Login ke blogger anda.
- KLik tab Edit HTML.
- Sebelumnya silahkan anda copy kode diantara kode <b:skin> dan kode </b:skin> dan paste pada Notepad, lalu simpan di computer anda, agar lebih aman bila terjadi kesalahan.
- Setelah tersimpan, cut kode CSS diantara kode <b:skin> dan kode </b:skin> pada template tadi.
- Lalu tinggalkan sejenak, dan jangan ditutup.
- Silahkan buka www.cssdrive.com, atau KLIK DISINI.
- Pilih :
Compression mode : Normal.
Comments handling : Select Don't strip any comments.
Catatan :
Disarankan menggunakan mode Normal, agar kode CSS tetap bekerja dengan baik.
Bila meng-inginkan hasil kompresi yang lebih kecil, anda bisa coba mode lain. Tapi seperti saya ingatkan diatas, terlebih dulu anda copy dan simpan dicomputer anda, agar bila hasil tidak sesuai yang kita inginkan, kita bisa mengulang dengan Mode yang lain.
Comments handling : Select Don't strip any comments.
Catatan :
Disarankan menggunakan mode Normal, agar kode CSS tetap bekerja dengan baik.
Bila meng-inginkan hasil kompresi yang lebih kecil, anda bisa coba mode lain. Tapi seperti saya ingatkan diatas, terlebih dulu anda copy dan simpan dicomputer anda, agar bila hasil tidak sesuai yang kita inginkan, kita bisa mengulang dengan Mode yang lain.
- Paste kode yang sudah di CUT tadi, pada area yang disediakan.
- Klik tombol "Compress-it!".
- Setelah proses compress selesai, dibagian bawah ada keterangan hasil compress.
- Klik tombol Highlight, Copy kode.
- Kembali ke Tenplate dan PASTE diantara kode <b:skin> dan kode </b:skin>
- Simpan Template, dan lihat hasilnya.
Nah itulah tips kali ini, semoga bermanfaat.
-->
24 comments
Tambah komentarCara Compress Kode CSS dengan Cepat
Wah, hebat
Makasih gan, Informasinya sangat bermanfaat bagi saya
Blog saya lebih cepat dari sebelumnya
Mendingan dari pada sebelumnya XD Hehe
Kunjungi juga blog saya
http://kara1007.blogspot.com/
Kalo gitu saya ucapin selamet dech... langsung meluncur.
mantap nih gan,, uda ane coba dan hasilnya kagak eror plus blog ane pun jd lumayan cepet, kagak kyak sebelumnya.. thanks ya gan,,
Saya ucapin selamat dech buat NetCenter karena sudah berhasil.
terimakasih banyak mas, nambah informasi saya tentang css lagi nih, hihi
sama2 terima kasih sudah berkunjung.
makasih mas tips infonya lagi pngen belajar....
itu baru namanya blogger, belajar dan belajar biar lama tapi berani mencoba dari pada tidak sama sekali. Salut sob...!
Alhamdulillah bisa juga ngompres css, sekarang lumayan cepet bnget..
terima kasih infonya pak
terima kasih banget infosrmasinya,
sangat membantu banget untuk mempercepat loading blog-ku..
Syukur alhamdulillah kalau artikel ini bisa memberikan manfaat...!
Ok...sip..., terima kasih juga atas kunjungannya...!
terima kasih atas info nya.
Ilmu yang bermanfaat.
izin bookmark pak,
artikelnya maknyuz-maknyuz.
Terima kasih kembali atas kunjungannya.
Silahkan sob...!
thanks om.
terima kasih banyak gan, tapi ada saran lain gak buat alat compress css yang lebih aman?
Makasih. Bermanfaat sekali. Blog ane udah agak ringan sih. :3
Kunjungan baliknya ya... :) www.fahmifanirius.ga
makasih gan atas infonya sangat membantu,kebetulan blog saya loding sekali,semoga jika sudah di compres jadi lebih ringan.mampir juga gan ke http://gamegratis05.blogspot.co.id
Terima kasih telah berbagi. Tidak diragukan lagi, proses minifikasi dapat mengurangi 10% - 95% ukuran kode! Ini akan membantu situs web berjalan lebih cepat dan kemudian mendapatkan skor Search Engine Optimization (SEO) yang tinggi. Untuk minifikasi CSS, Anda juga dapat merujuk ke alat berikut
https://url-decode.com/tool/css-minifier