Cara Memperkecil Ukuran CSS Untuk Mempercepat Loading Blogger

Selain jenis dan mutu artikel, Salah satu alasan mengapa trafik pengunjung blog bisa meningkat atau menurun yakni kecepatan loading atau kecepatan memuat blog. Blog yang mempunyai kecepatan loading diatas rata-rata akan mampu menarik pengunjung dan hal ini juga ditegaskan oleh mesin pencari google bahwa "Website/Blog Harus Cepat".

Salah satu cara yang bisa dilakukan untuk mempercepat waktu load blog adalah dengan mengkompress CSS atau mengurangi pemakaian javascript yang tidak penting atau hosting Javascript di Google Code dan sesuai dengan judul artikel kali ini, maka saya akan menjelaskan bagaimana cara memperkecil ukuran CSS blog agar mampu mendongkrak kecepatan waktu load pada saat pengunjung melakukan request.

mempercepat loading blog
Penting...!!!
Sebelum mengkompress CSS template blog, saya sarankan untuk membackup full template, hal ini untuk menghindari kesalahan dalam melakukan kompress CSS.
  • Buka situs www.cssdrive.com atau www.csscompressor.com
  • Copy kode CSS template anda dan pastekan di dalam form csscompressor. Ingat CSS yang harus dicopy dan dicompress yakni di antara tag <b:skin><![CDATA[ dan ]]></b:skin>. Lihat Contohnya :
<b:skin><![CDATA[
#header-wrapper{width:960px;margin:0 auto}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{float:left;width:525px;text-align:left;color:#666;margin:0}
#header2{float:right;width:428px;margin-right:0px;text-align:left;color:#555}
]]></b:skin>
Keterangan : Warna biru adalah CSS yang akan dicompress.
    Kompres CSS Untuk Mempercepat Loading Blog
    • Jika kode CSS sudah dimasukkan, tekan "Compress-it!". Maka hasilnya akan seperti ini.
    Kompres CSS Untuk Mempercepat Loading Blog
    • Selanjutnya, ganti kode CSS template anda sebelumnya dengan kode CSS yang sudah di kompress tadi. Simpan dan lihat hasilnya... 
    Note :
    Untuk mengkompres kode CSS, saya sarankan agar mengkompress kode CSS per-bagian. Hal ini bertujuan untuk memudahkan anda dalam mengedit kode CSS template.
    Semoga Bermanfaat...!!!

    Unknown
    Unknown

    21 comments:
    Write comment
    1. wah saya masih awam untuk ccs. thanks infonya

      ReplyDelete
    2. kok kesalahan parse gan? mohon bantuannya

      ReplyDelete
      Replies
      1. Perhatikan baik-baik apa langkah-langkahnya sudah sesuai dengan tutorial di atas atau ada yang terlewatkan... Thanks...!!!

        Delete
    3. m"f sebelumnya gan,klo ngembalikan kode sebelum di kompres gmn ya...kok jd rusak semua...hehe

      ReplyDelete
      Replies
      1. Konvert per bagian gan karena klo diconvert sekaligus, kadang tampilan blog menjadi rusak atau acak-acakan...!!!

        Delete
    4. oc dech klo begitu gan,tanks atas sarannya dan sukses selalu... numpang nitip gan www.pusatobat.com

      ReplyDelete
    5. mksih info.y gan..
      slam knal jga yah, by Adam :)

      klo bsa kunjung blik yah :P
      www.aad.web.id Thanks...
      ^_^,

      bsa tukar link g ??

      ReplyDelete
    6. Thank gan, pantes web ane g bisa dicek seosentro
      kegedean ternyata
      thank gan

      ReplyDelete
    7. pembesar penis
      http://rumahvimax.com/

      ReplyDelete
    8. Tool compress css nya ada yang lebih aman gak? pake css drive kadang hasilnya jadi acak-acakan :(

      ReplyDelete
    9. terimakasih bang atas tutornya, ijin nyoba

      ReplyDelete
    10. Terimakasih buat Infonya

      www.gazeid.blogspot.com

      ReplyDelete
    11. This comment has been removed by the author.

      ReplyDelete
    12. thanks bro .,.,. bermanfaat nii ,.,.,. kunjungan baliknya yaa idjenius.blogspot.com

      ReplyDelete
    13. gan mau nanya supaya ukuran ini daftar laman lebih kecil gimana ya

      ReplyDelete
    14. https://great-novel.blogspot.co.id/

      ReplyDelete
    15. pada saat saya compres html dan saya pasang kembali hasil compres tadi, lalu cek di https://developers.google.com, belum ada perubahan mas, apakah perubahan ini terlihat lansung atau beberpa hari kemudian mas?

      ReplyDelete
    16. yang dimaksud compress perbagian itu ditandai dengan kode / symbol apa ya?

      ReplyDelete
    17. Artikel yang bermanfaat. Semoga bisa saya terapkan. Terima kasih.

      ReplyDelete