Mempercepat Loading Blog dengan CSS Compress

Mempercepat Loading Blog dengan CSS Compress - Technology Tower

Hai, ketemu lagi dengan saya di blog Technology Tower yang selalu berbagi trik keren :D

Mempunyai blog yang indah adalah dambaan setiap blogger. Kita dapat mempercantik tampilan blog kita dengan menambahkan efek CSS, namun tahukah kalian kode CSS juga dapat mempengaruhi kecepatan loading blog. Nah, untuk itu agar blog tetap cepat saat loading kita harus meminimalisir penulisan kode CSS dalam HTML Template, caranya yaitu dengan mengkompress kode css tersebut.

disini saya akan menjelaskan cara mengkompress kode css dengan menggunakan CSS Compressor Online, Check this out:

1. Buka situs css compressor online, klik: http://www.csscompressor.com/ , biarkan setting seperti gambar berikut:

2. Cari kode CSS yang akan di kompress. cara mencari kode CSS sebagai berikut:

masuk ke menu Rancangan Blogger>Edit HTML>centang Expand Template Widget> lalu cari kode css sobat. Kode CSS terletak diantara kode <b:skin><![CDATA[ dan ]]></b:skin> lalu copy kode tersebut

3. Kembali ke website compressor tadi, paste kode css yang telah sobat temukan tadi ke dalam kotak 'Css input' seperti gambar berikut:

4. Klik tombol 'Compress' maka akan muncul output seperti berikut:

5. Klik 'Select All' lalu masukan ke template sobat dan gantikan kode css yang belum dikompress tadi dengan kode css yang telah di compress
6. Terakhir klik 'Simpan Template'

semoga artikel ini berguna, jangan lupa komen ya sob