minificador CSS
Qué hace este minificador de CSS
Compacta su hoja de estilo eliminando la mayoría de los comentarios, espacios adicionales y saltos de línea que los editores humanos agregan para facilitar la lectura. La cascada y los selectores siguen siendo funcionalmente iguales, pero el archivo se vuelve más fácil de insertar o colocar en un campo con límite de tamaño. No modifica las reglas no utilizadas, no reescribe propiedades personalizadas para navegadores más antiguos ni CSS críticos en línea: esos son trabajos de canalización de compilación.
Cuándo usarlo
Úselo para experimentos rápidos, cuando la exportación de un tema se llena de comentarios de banner o cuando necesita un bloque minificado único para una prueba HTML única. En producción, prefiera su paquete (PostCSS, esbuild) con mapas fuente; empareje esta página con Minificador HTML y minificador JS cuando esté comparando los tres tamaños de cables para una transferencia estática.
Ejemplo resuelto
Una página de inicio de marketing incluye un archivo CSS de 120 KB, en su mayoría encabezados de comentarios de una copia del sistema de diseño. Aquí se minimiza una rama, se muestra una caída de bytes del 30% y se abre un ticket para activar la minificación en la canalización real: primero la evidencia, luego la configuración.
Preguntas frecuentes
¿Se romperá @import o url()?
Los minificadores válidos mantienen los tokens dentro de las cadenas. Si algo se rompe, es probable que haya tenido un comentario no cerrado o un mal escape antes de la minificación.
¿Todavía necesito gzip o Brotli?
Sí. Pila de minificación y compresión; nunca envíe CSS enorme con formato humano solo porque el transporte lo codifica.
¿Qué pasa con los comentarios de licencia?
Algunos avisos legales requieren retención. Las herramientas pueden eliminarlos: reinserte los bloques necesarios en su compilación, no solo desde la salida de minificación ad hoc.