Membuat Loading Blog Menjadi Cepat

Banyak cara untuk mengurangi berat loading blog. Salah satunya dengan CSS Compressor.Cara kerja alat ini adalah memotong/memperpendek code CSS dari template blog. Sehingga membuat kode-kode yang ada pada template blog menjadi lebih sedikit. Alhasil ,loading blog menjadi lebih cepat.

 Kode CSS pada tempplate contohnya seperti ini,

a {
color: #ffffff;
font-size: 12px;
text-decoration: none;
text-transform:title case;
padding: 0px 0px 0px 3px;
}

a:visited {
color: #ffffff;
font-size: 12px;
text-decoration: none;
text-transform:title case;
padding: 0px 0px 0px 3px;
}

a:hover {
color: #ffffff;
text-decoration: none;
padding: 0px 0px 0px 3px;
}

Setelah diamati, maka dari contoh tersebut kita bisa melihat ada dua bagian CSS yang sama. Bagian itu adalah properti CSS untuk fungsi a dan fungsi a:visited. Nah, kedua properti tersebut dapat disederhanakan dengan menggabungkannya dengan memberi tanda koma ( , ). Sekarang perhatikan kode warna dalam hexa color code #ffffff. Warna juga bisa disederhanakan menjadi seperti ini #fff. Sehingga secara keseluruhan kode CSS tersebut bisa menjadi seperti ini :

a,a:visited{
color:#fff;font-size:12px;
text-decoration:none;
text-transform:title case;
padding:0 0 0 3px
}

a:hover{
color:#fff;
text-decoration:none;
padding:0 0 0 3px
}

Setelah kode CSS tersebut dikompres, terlihat ada pengurangan spasi di antara kode a,a:visited. Nah, berarti bisa diambil kesimpulan bahwa spasi juga berpengaruh terhadap kecepatan loading blog. Maka kode di atas masih dapat disederhanakan lagi menjadi seperti ini :

a:hover{color:#fff;text-decoration:none;padding:0 0 0 3px}
a,a:visited{color:#fff;font-size:12px;text-decoration:none;text-transform:title case;padding:0 0 0 3px}

Nah, jika sudah menjadi singkat sperti itu, maka dijamin loading blog akan menjadi cepat.

Banyak tool CSS compressor yang bisa Anda gunakan secara gratis di internet. Cari saja dengan kata kunci "css compressor" atau "free css compressor". Salah satunya adalah CSS Compressor situs yang memang khusus menangani kompresi CSS. Nah, jika Anda memang tertarik menggunakan tool ini, maka saya sarankan sebaiknya backup dulu templateAnda dan simpan di komputer.

Berikut langkah cara kompresi CSS dengan CSS Compressor :

1. Silahkan kunjungi http://www.csscompressor.com
2. Pada Compression Mode pilih mode kompresi yang anda inginkan. Ada yang Highest, Hight, Standart, atau Low.
3. Copy lalu paste kode CSS yang ingin anda kompres ke CSS input.
4. Kemudian klik tombol Compress.

5. Di kolom bawah akan ada hasil kompresi. Sekarang klik tombol Select All. Copy kemudian paste kode tersebut pada template anda yang CSS nya dikompres.

6. Selesai.

Selain tool dari CSS Compressor, Anda juga bisa menggunakan tool css compressor lainnya dari CSSDrive.com, Arantius.com, Mabblog.com, CSSOptimiser.com dan lain-lain. Silahkan kunjungi situs-situs di bawah ini untuk mengkompress CSS template blog Anda :