Strumento di minimizzazione CSS
La minimizzazione del CSS prende il codice CSS ben strutturato e rifinito che hai scritto e rimuove spaziatura, indentazione, nuove righe e commenti. Questi elementi non sono necessari per il corretto utilizzo del CSS. Inoltre, rende il CSS più difficile da leggere.
La "buona pratica" di molti sviluppatori è quella di mantenere una versione "abbellita" e, durante il rollout del progetto, di eseguire gli stili tramite un programma di minimizzazione. Inoltre, combinano i loro numerosi file di stile in un unico file.
Perché usare CSS Minifier?
Lo scopo della minimizzazione è aumentare la velocità di un sito web. La minimizzazione può ridurre le dimensioni di uno script fino al 20%, con conseguente riduzione dei tempi di download. Alcuni sviluppatori la usano anche per "offuscare" il codice. Questo rende il codice difficile da leggere, rendendolo quindi più difficile da sottoporre a reverse engineering o da copiare.
Esempio di minimizzazione CSS
Prima:
.headbg{
margin:0 8px
}
a:link,a:focus{
color:#00c
}
a:active{
color:red
}
Dopo:
.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }