CSS Dalam Talian Percuma Minify/ Pemformat

Input data
bfotool loadding
Output data
bfotool loadding

 

Alat Kecilkan CSS

Meminimumkan CSS mengambil kod CSS yang telah anda tulis dengan cantik dan dibentuk dan mengalih keluar jarak, lekukan, baris baharu dan ulasan. Elemen ini tidak diperlukan untuk CSS digunakan dengan jayanya. Ia juga menjadikan CSS lebih sukar dibaca.

'Amalan terbaik' kebanyakan pembangun adalah untuk mengekalkan versi 'dipercantik', dan apabila melancarkan projek mereka akan menjalankan gaya melalui program minifikasi. Mereka juga akan menggabungkan banyak fail gaya mereka ke dalam satu fail.

 

Mengapa menggunakan CSS Minifier?

Tujuan minifcation adalah untuk meningkatkan kelajuan laman web. Pengecilan boleh menjadikan skrip sehingga 20% lebih kecil, menghasilkan masa muat turun yang lebih pantas. Sesetengah pengembara pembangun juga akan menggunakannya untuk 'mengelirukan' kod mereka. Ini menyukarkan kod untuk dibaca, sekali gus menjadikannya lebih sukar untuk membuat kejuruteraan terbalik atau menyalin.

 

Contoh CSS Minify

Sebelum:

.headbg{
    margin:0 8px 
}
a:link,a:focus{
    color:#00c 
}
a:active{
    color:red 
}

Selepas:

.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }