Qué es
El Minificador de CSS y JS quita de una hoja de estilos o de un script todo lo que el navegador no necesita: comentarios, saltos de línea, sangría y espacios redundantes.
Qué te da realmente minificar
Archivos más chicos, es decir menos para descargar y una página que empieza a dibujarse antes. En una hoja de estilos típica el ahorro es del 20 al 40 por ciento antes de comprimir, y más una vez que el servidor le aplica gzip encima.
Importa sobre todo en conexiones móviles y en archivos grandes. Importa poco en un archivo que ya era mínimo.
Cómo usarlo
- Pega el CSS o el JavaScript.
- Minifica.
- Copia el resultado a tu build o directamente al archivo que sirves.
Las reglas para hacerlo sin romper nada
Nunca minifiques sobre tu única copia. El código minificado es ilegible y no hay forma confiable de volver atrás. Guarda la fuente, minifica en la salida.
Prueba después de minificar. En CSS el riesgo es bajo. En JavaScript es real: el código que depende de la inserción automática de punto y coma puede romperse cuando desaparecen los saltos de línea, y esa falla muchas veces aparece solo en un navegador o en un camino del código.
Hazlo al final. Minifica después de todo lo demás en tu build, nunca antes, o vas a terminar depurando código generado.
Si tu proyecto ya tiene un paso de build, es casi seguro que minifica por ti. Esta herramienta es para los casos que no: un archivo suelto, un fragmento, una página que mantienes a mano, o una comprobación rápida de cuánto ahorraría un archivo.
No se sube nada
Toda la operación funciona dentro de tu navegador. Tu archivo nunca se envía a un servidor, nunca se guarda y nadie más lo ve. Sin cola, sin tope diario y sin cuenta.