Pages

Jumat, 15 April 2011

Mempercepat loading blog dengan kompres kode CSS

Dengan mempercepat loading blog adalah merupakan salah satu usaha untuk meningkatkan pengunjung blog, karena para pengunjung paling malas jika membuka sebuah blog yang loadingnya terlalu lama 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.

Untuk mengatasi hal tersebut 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, untuk meningkatkan kecepatan loading blog namun pada kesempatan ini blogtegal akan berbagi trik yang berbeda tentang kompres-kompresan kode CSS, Ada dua cara tentang meng-kompres kode css:

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
Semoga bermanfaat...

0 komentar:

Posting Komentar

Loading...


Mau punya buku tamu seperti ini?
Klik di sini
Get This Gadget