Minificar CSS

Minifica CSS amb CSSO, que fa bastant més que treure espais: escurça els colors, redueix les propietats abreujades i, si l’hi deixes, fusiona regles que comparteixen declaracions.

La reestructuració és el que dona la diferència de debò, i també és la que cal mirar amb més atenció: canvia l’ordre de les regles, i en fulls amb molta especificitat encreuada això pot alterar el resultat.

Com es fa servir

1. Enganxa el CSS.
2. Decideix si actives la reestructuració.
3. Copia o baixa el .min.css.

Preguntes freqüents

És segur activar la reestructuració?

Ho és en la gran majoria de fulls, però comprova la pàgina després. Si tens regles que depenen de l’ordre en què apareixen per guanyar-se entre elles, val més desactivar-la.

Què són els comentaris /*! */?

La convenció per marcar un comentari que no s’ha de treure, com una capçalera de llicència. Amb la casella activada es conserven i la resta desapareixen.

Quant se sol estalviar?

Entre un 15 i un 30 % en un full escrit a mà. Si el servidor ja comprimeix amb gzip o brotli, el guany final és més modest, però es nota igualment.

Eines relacionades