Compress CSS, JavaScript & HTML Membuat Blog Menjadi Ringan ~ oopz-shootz

Banyak cara untuk meringankan loading pada sebuah blog, salah satunya dengan mengkompress kode CSS, JavaScript dan HTML. Pengompresan kode ini akan membuat blog menjadi lebih ringan dan lebih cepat. Untuk mengompress, silahkan ikuti petunjuk berikut :

- Login ke akun www.blogger.com

- EDIT HTML dan Backup dulu Template kamu

Cara Mengompress Kode CSS

Kunjungi Situs ini : CSS Compressor
Pilih Compression Mode "Super Compact" dan Comments handling "Strip comments at least 4"
Masukan kode CSS yang ingin di kompress lalu klik "Compress it"
Contoh penempatan kode CSS pada blogger

<b:skin><![CDATA[

 /*-----kode sebelum di compress dari sini------*/

 #main-wrapper{

background:#fff;

width:960px;

float:left;

margin:0px;

padding:0 0 0px 10px;

word-wrap:

break-word;

overflow:hidden}

 /*-----kode sebelum di compress sampai sini------ */

 ]]></b:skin>

<b:skin><![CDATA[

 /*-----kode setelah di compress dari sini------*/

 #main-wrapper{background:#fff;width:960px;float:left;margin:0px;padding:0 0 0px 10px;word-wrap:break-word;overflow:hidden}

 /*-----kode setelah di compress sampai sini------ */

 ]]></b:skin>

Cara Mengompress Kode JavaScript

Kunjungi Situs ini : JavaScript Compressor
Masukkan kode JavaScript pada kolom Code, pilih File Type "JS" lalu klik "Compress"
Contoh penempatan kode JavaScript pada Blogger

<head>

 <script type='text/javascript'>

Data JavaScript disini

</script>

</head>

Cara Mengompress Kode HTML

Kunjungi Situs ini : HTML Compressor
Masukkan kode HTML pada kolom Data, lalu klik "Compress HTML"
Contoh penempatan kode HTML pada Blogger

<body>

<li><a href='#'><b>Pasang Iklan</b></a></li>

<li><a href='#'><b>Blog Tutorial</b></a></li>

<li><a href='#'><b>Kesehatan</b></a></li>

<li><a href='#'><b>Al-Quran</b></a></li>

<li><a href='#'><b>TV Online</b></a></li>

<li><a href='#'><b>Daftar Isi</b></a></li>

<li><a href='#'><b>Tukar Link</b></a></li>

</body>

Tips ini hanyalah salah satu cara untuk mempersepat loading blog, masih banyak elemen lainnya yang dapat mempengaruhi kecepatan loading blog seperti ukuran file gambar, widget, dan lain sebagainya.

Terimakasih dan semoga tips ini dapat bermanfaat....

source

3 comments

Click here for comments

Farid Wajdi Kardbri

admin

January 19, 2013 at 1:43 PM ×

mantap! makasih tutorialnya :D

Misbahul Ma'ruf

January 23, 2013 at 5:23 PM ×

iya sama-sama,
terimakasih atas kunjungannya :)

News IP

March 6, 2013 at 10:53 PM ×

wah boleh juga nih.. :D

Mohon dengan sangat untuk berkomentar dan saran demi kemajuan bersama,, beri kritik yang bermanfaat dan jangan lupa join blog ini..!
oke??? terima kasih :) ConversionConversion EmoticonEmoticon

Thanks for your comment

Compress CSS, JavaScript & HTML Membuat Blog Menjadi Ringan

Related Post

3 comments