Salah satu faktor yang mempengaruhi kecepatan loading halaman Blog adalah besarnya ukuran CSS, HTML dan file JavaSript yang terdapat pada Template suatu Blog. Untuk mengetahui seberapa besar ukuran CSS, HTML dan file JavaSript yang terdapat pada Template blog, kita bisa menganalisanya melalui websit yang mempunyai layanan tersebut diantaranya yang sudah kita bahas pada postingan Tips Menganalisa Halaman Blog dengan SEO Tools

Untuk memperkecil ukuran ukuran CSS, HTML dan file JavaSript yang terdapat pada Template blog, kita bisa mengkompressinya dengan menggunakan layanan dari beberapa website yang menyediakan tool tersebut.

Berikut ini akan saya jelaskan cara untuk mengkompress satu persatu, adapun langkah-langkahnya sebagai berikut:

Cara Mengkompress kode CSS dan JavaScript pada Template Blog
  1. login ke akun blogger Anda
  2. Pilih menu "Template" dan jangan lupa backUp template Anda terlebih dahulu untuk menghindari hal- hal yang tidak kita harapkan.
  3. Langkah berikutnya pilih "Edit HTML" kemudian centang tanda Expand Template Widget 
  4. Kode CSS yang di kompres letaknya adalah antara kode  <b:skin><![CDATA[/* sampai pada kode css sebelum  ]]></b:skin>
  5. Block dan Copy kode CSS yang terletak Antara kedua kode yang berwana merah tersebut.
  6. langkah selanjutnya adalah kunjungi situs yang menyediakan tool kompress css, tunggu sampai terbuka websitenya kemudian paste code css yang anda copy tadi dan ikuti petunjuk ini:
    1. Pada bagian file tipe pilih 'CSS
    2. abaikan saja global option 
    3. centang semua kolom pilihan pada Javascript Option
    4. Klik 'Compress'
    5. Copy Code Hasil dari Compress yang dihasilkan.
  7.  Kembali ke menu Edit HTML pada template Anda, kemudian gantilah kode yang tadi telah dicopy dengan Code baru yang sudah di Compress. (Bila keadaannya masih terblok langsung saja paste kode css hasil kompres tadi sehingga menggantikan kode css aslinya)
  8. Jangan lupa klik "Pratijau" terlebih dahulu, jika tidak ada masalah baru "save template"
Langkah langkah untuk mengkompress kode JavaSript sama persis dengan langkah-langkah mengkompress CSS tersebut di atas, perbedaannya hanya pada letak kode JavaSript yang akan dicopy . Adapun Letak kode Javascript yang akan dikompres  di antara kode <head> sampai pada kode javascript sebelum </head> 

Cara mengkompres kode HTML blog 

Untuk mengkompress kode HTML pada Template suatu blog caranya hampir sama dengan mengkompress CSS seperti yang telah saya uraikan di atas, hanya saja kode HTML yang hendak di kompress letaknya berbeda dengan CSS, dimana letak kode HTML dalam template suatu Blog biasanya terletak antara kode <body> dan </body> .Perbedaan lainnya adalah terletak pada Stus yang menyediakan layanan kompress HTML juga berbeda dengan situs di atas, untuk mengkompress HTML silahkan kunjungi situs  yang menyediakan tool kompress css

Demikian postingan kali ini yang berjudul cara mengkompress CSS, HTML dan JavaScript Template Blog untuk mempercepat loading blog., semoga bermanfaat, dan bagi Anda yang telah menyempatkan diri menyampaikan masukan atau saran melalui form komentar atau sekedar memberikan jempolnya saya ucapkan terima kasih. 

Tips Blogging
  1. Cara Jitu Meningkatkan Google Pagerank Blog
  2. Cara Kompressi Gambar Agar Loading Blog Cepat 
  3. Cara Membuat Daftar Isi Blogger di Widget atau Postingan
  4. Cara Membuat Navigasi Breadcrumb, Pengertian dan manfaatnya bagi SEO Blog
  5. Cara Menampilkan Kode HTML dalam Postingan Blog