Minifiere y embellecedor CSS

CSS Minifier & Beautifier es una herramienta de hoja de estilo bidireccional: comprime CSS eliminando todo lo que el navegador no necesita: comentarios, espacios en blanco, punto y coma redundantes, colores hexagonales de formato largo y unidades en valores cero, y puede revertir el proceso, expandiendo un paquete de producción de una sola línea en reglas legibles y correctamente sangradas. Cada byte que elimina de una hoja de estilo de bloqueo de render es un byte que el navegador descarga y analiza antes, que alimenta directamente las métricas principales de Web Vitals, como la primera pintura contentful y la pintura más grande de contenido.

El minifiser es deliberadamente conservador. Es plenamente consciente de los literales de cadena, valores de URL() y expresiones de calc(), por lo que nunca elimina el espacio en blanco del que depende Calc(100% - 20px), nunca reescribe texto similar al color dentro de una cadena de contenido y nunca toca el espacio que distingue div :hover de div:hover. En las hojas de estilo típicas escritas a mano, puede esperar una reducción de tamaño del 25 al 40% antes de GZIP; combinado con GZIP o Brotli en el cable, la minificación aún afeita un corte significativo porque la compresión funciona mejor en la entrada repetitiva y sin comentarios.

Todo se ejecuta al 100% del lado del cliente en su navegador. Su CSS nunca se carga, registra o almacena en ningún servidor, lo que significa que puede pegar de forma segura el código del sistema de diseño, los estilos de producto inéditos o el trabajo del cliente. También funciona sin conexión una vez que se carga la página: útil cuando necesita un pase de minify rápido sin cablear una canalización postCSS completa o ESBuild.

La minificación aquí es sintaxis, en lugar de un conjunto de reglas de búsqueda y reemplazo, que es lo que hace que sea seguro ejecutar en hojas de estilo de producción: el espacio en blanco dentro de las cadenas, los valores de URL () y los selectores de atributos se dejan solos, ya que eliminarlo cambiaría lo que coincide el CSS. Se mantienen los comentarios que comienzan con un signo de exclamación, que es la convención para los encabezados de licencias que tienen que sobrevivir a una construcción.