Kompres kode CSS untuk mempercepat loading blog, siapa yang tidak mau blognya mempunyai loading yang cepat, hargi gini geto lho banyak persaingan antara 1 blogger denganblogger lainnya yang rebutan traffic. Ya salah satunya meningkatkan kecepatan loading blog ,karena para pengunjung paling males jika menemui blog yang loadingnya minta ampun beratnya dan jangan berharap para pengunjung akan kembali lagi ke blog kamu. Walaupun posisi blog kamu pada hasil pencarian sering masuk 10 besar namun dengan melihat alamat blog kamu pengunjung tidak akan meng-klik di hasil pencarian untuk mengunjungi blog kamu, ih . . . Gak mau deh kalo geto, amit-amit.
Untuk mengatasi hal tersebut blog tutorial blogtegal mempunyai trik untuk masalah kecepatan loading blog yakni dengan meng-kompres kode CSS pada template blogspot. Mungkin sudah banyak tutorial tentang cara mengkompres kode CSS namun pada kesempatan ini blogtegal akan berbagi trik yang berbeda tentang kompres-kompresan kode CSS, walaupun tidak jauh-jauh amat dari kebanyakan tutorial yg bertebaran.
Ada dua cara tentang meng-kompres kode css:
Ada dua cara tentang meng-kompres kode css:
- Kompres kode CSS pada umumnya.
- Kompres kode CSS melalui trik blogtegal
1. KOMPRES KODE CSS PADA UMUMNYA
Untuk trik yang pertama ini adalah trik yang pada umumnya para bloggerlakukan.- pertama cek dulu kecepatan loading blog kamu untuk membandingkan.
- login ke dashbord blog kamu.
- pilih Rancangan »» Edit HTML
- download template lengkap dulu barangkali terjadi kesalahan (wajib / harus)
- Kemudian blok dan POTONG semua kode CSS dari setelah kode <b:skin><![CDATA[ sampai pada kode sebelum ]]></b:skin>
Kalau kurang jelas begini, potong kode mulai dari
<b:skin><![CDATA[ . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . KODE-KODE CSS. . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . .
]]></b:skin> - buka situs CSS compressor disini
- kemudian setting pengaturannya seperti berikut:
¬- Compression mode = pilih 'Normal'
¬- Comment handling = pilih 'Don't strip any comments' - pastekan kode CSS yang telah di potong tadi pada kotak kosong.
- kemudian klik Compress-It
- kemudian copy hasil kompresan tadi dan tempatkan pada template kamu diantara kode
<b:skin><![CDATA[
Pastekan disini kode CSS yang telah di kompres tadi
]]></b:skin> - terakhir klik SIMPAN
Sekarang bandingkan dengan loading blog kamu sebelum di kompres, awak yakin pasti lebih cepat, kalau lebih lambat loadingnya berarti emang koneksiinternet kamu yang LOL