Kamis, 03 Januari 2013

Compress Html Css Dan Javascript pada template bloggger khususnya blogspot bisa dilakukan dengan mudah asal tahu bagian yang harus dicompress atau diperkecil ukurannya. Pada tiap template selalu terdiri dari bagian Head, body dan kode css. Karena postingan ini berkisar pada template blogspot maka tips ini berguna buat sobat yang ingin merampingkan ukuran file template blogger kebanggaan blognya. Sebelum memulai ada baiknya backup dulu template sobat.

cara compress kode css html dan javascript

1. Bagian pertama cara compress kode css template blogger/blogspot.
Kode CSS paada template blogger / blogspot diantara kode seperti dibawah ini:

<b:skin><![CDATA[
Disini letaknya Kode CSS
]]></b:skin>

atau seperti yang dibawah ini:

<style type='text/css'>
Disini letaknya Kode CSS
</style>

Tools compress CSS bisa dilakukan antara lain disini :
http://www.cssdrive.com/index.php/main/csscompressor
http://www.csscompressor.com/
http://www.minifycss.com/css-compressor/

Tinggal masukan saja kode CSS yang mau dicompress pada form kosong lalu compress dan copy pastekan
kembali hasil compress nya.

2. Bagian kedua cara compress kode Html.
Pada template blogger / blogspot kode HTML biasanya diantara <body> dan </body>.
Kode html pada template letaknya seperti :

<body>
Disini letaknya Kode Html
</body>

Toolsnya bisa dilakukan disini:
http://htmlcompressor.com/compressor.html
http://www.textfixer.com/html/compress-html-compression.php
http://www.digitalcoding.com/tools/compress-html.html

Caranya sama copy paste kode Html yang mau dicompress kedalam kotak yang disediakan dan compress.

3. Bagian ketiga adalah cara Compress Javascript :
Kode Javascript atau (.js) letaknya biasanya diantara kode <head> dan </head> pada template atau tergantung
penempatannya.

Toolsnya bisa didapatkan disini :
http://javascriptcompressor.com/
http://jscompress.com/
http://refresh-sf.com/yui/


Catatan :

Lakukan compress yang dibutuhkan saja, kode CSS, kode html atau kode javascript saja.
Tergantung kebutuhan, bertahap lalu test blog pada browser, tujuannya adalah agar template lebih ringan dan berpengaruh pada speed loading pada
browser.

Sobat bisa coba pada blog sobat yang lain untuk ujicoba,
Tips ringan ini juga bisa diterapkan jika sobat ada masalah pada pagespeed blog, misalnya
masalah penempatan css external, compress javascript dan semua yang menyangkut kecepatan loading blog.

Selamat mencoba semoga berguna dan menjadi blogger professional dan mahir dalam membangun web desain.

7 komentar:

Arsip Blog

Visitor

Popular Posts

Donate To Me On Paypal

https://www.paypal.me/riyanto1971