Salah satu kendala cepat tidaknya website yang ditampilkan di browser selain koneksi internet adalah besar-kecilnya file dari halaman website itu sendiri. Termasuk beberapa elemen pendukung meliputi gambar, javascript, swf, css dll.
Nah kali ini kita akan bahas bagaimana cara file css agar lebih kecil ukurannya sehingga halaman website semakin cepat di-load oleh browser.
Contoh kecil sbb :
.kotak {font-size:11px;color:#333333;}
.bulat {font-size:11px;color:#333333;}Karena kedua class tersebut memiliki properties yang sama sebaiknya tinggal digabung saja menjadi kayak gini :
.kotak,.bulat {font-size:11px;color:#333333;}Hemat beberapa huruf kan...?
.hitam {color:#000000;}.putih {color:#ffffff;}Untuk warna dengan nilai hexadecimal sama, bisa ditulis sebagian aja. Hasilnya kayak gini :
.hitam {color:#000;}.putih {color:#fff;}Lumayan bisa mengurangi ukuran file css meskipun cuman beberapa byte aja
Source : http://zawa.blogsome.com
Tweet
Still Under Construction and maintenance!! Please came back later.. nice to see you.. Keep blogging and thanks for visit.
Wait until all thing is done.. thanks for your attention.