>> 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
>>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
* login ke akun blogger Anda
* Pilih menu "Template" dan jangan lupa backUp template Anda terlebih dahulu untuk menghindari hal- hal yang tidak kita harapkan.
*Langkah berikutnya pilih "Edit HTML" kemudian centang tanda Expand Template Widget
Kode CSS yang di kompres letaknya adalah antara kode <b:skin><![CDATA[/*sampai pada kode css sebelum ]]></b:skin>
*Block dan Copy kode CSS yang terletak Antara kedua kode yang berwana merah tersebut.
*langkah selanjutnya adalah kunjungi situs http://www.refresh-sf.com/ , tunggu sampai terbuka websitenya kemudian paste code css yang anda copy tadi dan ikuti petunjuk ini:
* Pilih menu "Template" dan jangan lupa backUp template Anda terlebih dahulu untuk menghindari hal- hal yang tidak kita harapkan.
*Langkah berikutnya pilih "Edit HTML" kemudian centang tanda Expand Template Widget
Kode CSS yang di kompres letaknya adalah antara kode <b:skin><![CDATA[/*sampai pada kode css sebelum ]]></b:skin>
*Block dan Copy kode CSS yang terletak Antara kedua kode yang berwana merah tersebut.
*langkah selanjutnya adalah kunjungi situs http://www.refresh-sf.com/ , tunggu sampai terbuka websitenya kemudian paste code css yang anda copy tadi dan ikuti petunjuk ini:
Pada bagian file tipe pilih 'CSS'
abaikan saja global option
centang semua kolom pilihan pada Javascript Option
Klik 'Compress'
Copy Code Hasil dari Compress yang dihasilkan.
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)
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 http://www.miniwebtool.com/html-compressor/
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.
abaikan saja global option
centang semua kolom pilihan pada Javascript Option
Klik 'Compress'
Copy Code Hasil dari Compress yang dihasilkan.
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)
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 http://www.miniwebtool.com/html-compressor/
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.
(h) Sekedar informasi Gan Sekarang ada domain/subdomain baru yang mudah dideteksi oleh mesin pencari GooGle.
ReplyDeleteselain itu domain ini juga menghasilkan dollar
per klik dpt $0.10
kerenn
:o
nih gan linknya http://codotvu.com/i/meb
jangan lupa kunjungi blog saya www.sologaya.co.vu
(h)(h)(h)(h)