Minifique código CSS y mida la reducción de tamaño

Este minificador elimina esa carga de entrega y conserva intactos el texto entre comillas, el orden de los selectores, las declaraciones y la estructura de las reglas. Devuelve el CSS compacto, los bytes UTF-8 originales y finales, y el porcentaje de reducción. La operación es determinista, no usa la red y rechaza entradas cuyas llaves no estén equilibradas.

Qué elimina el minificador

El minificador se concentra en el formato innecesario cuando un navegador recibe una hoja de estilo. Elimina comentarios de bloque, compacta secuencias de espacios y saltos de línea, suprime espacios alrededor de la puntuación estructural y quita el último punto y coma justo antes de una llave de cierre. No reordena reglas, combina selectores, cambia nombres de propiedades personalizadas, acorta colores ni reescribe cálculos. Este límite conservador es importante porque el comportamiento de CSS depende del orden del código, la especificidad y el contenido exacto de ciertos valores. Las cadenas entre comillas se analizan por separado, de modo que los espacios, las llaves, la puntuación y el texto parecido a un comentario dentro de una URL o de contenido generado permanecen intactos. También se respetan las comillas escapadas. Se conservan los espacios que separan tokens cuando quitarlos podría unir dos palabras o valores. Use el resultado como recurso generado y mantenga el original legible en el control de versiones.

Cómo funcionan la validación y la medición

Antes de devolver un resultado, el analizador registra cada llave de apertura y cierre que aparece fuera de comentarios y cadenas entre comillas. Una llave de cierre sin una apertura previa, o una apertura que siga pendiente al final, produce un error de entrada no válida en lugar de CSS parcial. Esta comprobación detecta pronto errores habituales al copiar código y hojas truncadas. La capacidad también rechaza CSS ausente o vacío, comentarios sin terminar y cadenas sin cerrar porque esas entradas no se pueden minificar de forma predecible. Los tamaños se miden en bytes UTF-8 y no como cantidad de caracteres de JavaScript. La diferencia importa en hojas con nombres de fuentes no ASCII, contenido generado localizado o selectores Unicode, donde un carácter visible puede ocupar varios bytes durante la transferencia. El porcentaje se calcula con ambos recuentos y se redondea a dos decimales. Como el mismo analizador determinista procesa cada solicitud sin red, azar, reloj ni estado externo, una entrada idéntica siempre devuelve el mismo CSS y las mismas métricas.

Cómo usar el resultado en un flujo de entrega

Un flujo habitual conserva el CSS formateado como fuente editable y minifica solo la copia destinada a un sitio web, un paquete de aplicación, una plantilla de correo o un alojamiento de recursos estáticos. Envíe la hoja completa, lea el valor compacto del campo css y escríbalo en el artefacto de despliegue. Los campos original_bytes y minified_bytes pueden registrarse en los informes de compilación, mientras reduction_percent ofrece una medida inmediata y comprensible del ahorro. Un trabajo de integración continua puede comparar estas métricas entre versiones para detectar crecimientos accidentales, aunque los presupuestos de tamaño deben utilizar los bytes exactos y no el porcentaje redondeado. El analizador es un minificador, no un compilador CSS completo: no resuelve importaciones, añade prefijos, valida todas las propiedades, transpila sintaxis nueva ni combina archivos. Ejecute antes esas transformaciones y minifique después el CSS final. Si falla la validación de llaves, corrija o regenere la fuente. La automatización mediante API cuesta $0.002 por solicitud.