Sebenarnya banyak cara agar proses loading blog anda tidak lama, namun saya akan memberi tahukan 1 saja yang bisa dianggap mudah, yaitu melalui CSS compressor. CSS compressor ini sangat bermanfaat. Jangan sampai blog anda lambat dalam proses loading.
Ada 2 cara untuk mengkompress CSS, cara manual dan otomatis
kita pelajari satu satu dulu.
1. Dengan Cara Manual
Ini adalah salah satu contoh CSS Code
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 di amati, maka dari contoh css diatas 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(,). perhatikan kode warna dalam hexa color code #ffffff. ini bisa di sederhankan menjadi seperti ini #fff. sehingga secara keseluruhan kode CSS tersebut bisa menjadi seperti di bawah 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 di kompres, terlihat ada pengurangan spasi di antara kode a,a:visited. berarti kesimpulannya bahwa spasi juga berpengaruh besar terhadap kecepatan loading blog. maka kode diatas masih dapat disederhanakan lagi menjadi
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}
2. Dengan Cara Otomatis
Caranya sangat mudah dan cepat, bagi anda yang pusing menyederhanakan CSS code. Perlu diketahui, download dulu template lengkap blog anda apabila ada kesalahan. Langkah-langkah untuk mengkompres CSS code secara otomatis adalah:
- Kunjungi http://www.csscompressor.com/
- Berikutnya pada compression mode pilih mode kompresi yang anda inginkan.
- Kemudian copy lalu paste kode css yang anda kompres ke css input.
- Kemudian klik Tombol Compress.
- Di kolom bawah akan ada hasil kompresi. sekarang klik tombol select all kemudian copy paste ke tamplate anda pada CSS yang di kompres tadi.
- Selesai...
Selamat mencoba....
0 komentar:
Posting Komentar