Cara Memperkecil Ukuran CSS


Cara Memperkecil Ukuran CSS

Assalamualaikum.
Beberapa saat yang lalu saya sudah share cara memeperkecil ukuran javascript,nah di tutorial kali ini saya akan share cara untuk memperkecil ukuran CSS pada suatu template blog.
Seperti yang kita ketahui bahwa CSS dan javascript mempunyai fungsi yang hampir sama yaitu membuat tampilan blog lebih indah dan tampak rapi.Semakin banyak kita memasukkan kode CSS pada suatu template maka semakin berat pula loading blog yang kita miliki apalagi jika speed internet sedang low,mungkin bukan hanya kita yang jengkel tetapi pengunjung pun ikut jengkel yang ujung-ujungnya akan membuat trafik pengunjung menurun karena loading blog kita yang lama.
Jika anda terpaksa menggunakan banyak kode CSS ada baiknya anda memperkecil ukuran CSS yang anda gunakan sebagai solusinya.

Berikut Cara Memperkecil Ukuran CSS.
1.Pertama-tama yang anda harus lakukan andalah login terlebih dahulu ke blogger.com.
2.Berikutnya silahkan anda klik Template > Edit HTML.
3.Silahkan anda cari dan copy kode CSS yang akan anda perkecil ukurannya.
4.Buka tab baru pada browser,lalu buka alamat csscompressor.com
5.Jika sudah,berikutnya anda paste kode CSS yang sudah anda copy tadi pada box input yang telah disediakan,seperti contoh gambar dibawah ini.
Cara Memperkecil Ukuran CSS

6.Berikutnya silahkan anda pilih compression level yang anda butuhkan,seperti contoh gambar dibawah ini.
Cara Memperkecil Ukuran CSS

Keterangan :

  • Highest : Silahkan anda pilih level ini jika anda ingin memperkecil ukuran CSS menjadi lebih ekstrim kecil,namun resikonya kode bisa saja dapat rusak.
  • Hight    : Silahkan anda pilih level ini jika anda ingin memperkecil ukuran CSS dengan mode kompresi tinggi.
  • Balance : Silahkan anda pilih level ini jika anda ingin memperkecil ukuran CSS dengan mode kompresi standar.
  • Low       : Silahkan anda pilih level ini jika anda ingin memperkecil ukuran CSS dengan mode kompresi rendah.
7.Jika sudah,berikutnya anda klik Compress,seperti contoh gambar dibawah ini.
Cara Memperkecil Ukuran CSS

8.Nanti dibawahnya akan muncul kode CSS yang sudah berhasil diperkecil,berikutnya silahkan anda copy kode CSS tersebut,seperti contoh gambar dibawah ini.
Cara Memperkecil Ukuran CSS

9.Berikutnya silahkan anda kembali ke Edit HTML blogger,lalu silahkan anda ganti kode CSS yang belum anda perkecil dengan kode CSS yang sudah berhasil anda perkecil.

10.Terakhir,silahkan anda klik save.untuk menyimpan perubahan.

Silahkan anda kunjungi blog yang anda miliki,maka loading blog akan sedikit cepat dari sebelumnya. Demikianlah cara memperkecil ukuran kode CSS di blogger,cukup mudah bukan? Terimakasih telah berkunjung dan semoga bermanfaat.
Assalamualaikum.
Baca juga cara memperkecil ukuran kode HTML untuk template blogger.

Berkomentarlah dengan kata-kata yang baik dan dilarang mencantumkan link berbau pornografi,iklan