Sebagai contoh pada sebuah template biasanya terdapat kode
a:link{
color:#BBDDFF;
text-decoration:none;
}
a:visited{
color:#BBDDFF;
text-decoration:none;
}
a:hover {
#BBDDFF;
text-decoration:underline;
}
Kode tersebut bisa kita kompress secara manual jadi seperti ini:
a:link {color:#BBDDFF; text-decoration:none;}
a:visited {color:#BBDDFF; text-decoration:none;}
a:hover {color:#BBDDFF; text-decoration:underline;}
atau seperti ini:
a:link, a:visited, a:hover {color:#BBDDFF; text-decoration:underline;}
Untuk mengkompress kode CSS pada template, mungkin agak merepotkan karena kodenya cukup panjang. jadi sebaiknya anda menggunakan CSS Compressor Tool biar lebih mudah. Di bawah ini ada beberapa situs yang menyediakan CSS Compressor Tool :
- www.cleancss.com
- CSS Drive Gallery
- CSS Compressor
- Online CSS Optimiser/Optimizer
- Minify CSS
- CSSTidy Online

0 Response to "Tips mempercepat loading blog dengan cara compres CSS"
Post a Comment