0 Kompres CSS untuk loading cepat

siapa yang tidak mau blognya mempunyai loading yang cepat, hargi gini geto lho banyak persaingan antara 1 blogger dengan blogger 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:

1. Kompres kode CSS pada umumnya.
   
2. Kompres kode CSS melalui trik blogtegal

Mari kita bahas satu-persatu.

1. Kompres kode css pada umumnya

Untuk trik yang pertama ini adalah trik yang pada umumnya para blogger lakukan.

• 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[ disini mulainya | . . . . . . . . . . . . . . . . . . . . . . .
  . . . . . . . . . . . . . . . . . . . . KODE-KODE CSS. . . . . . . .
  . . . . . . . . . . . . . . . . . . . . . . . . .
  sampai disini |
  ]]></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

Tweet

Komentar →