<acronym title="Cascading Style Sheets">Minifier CSS:</acronym>

La minificación CSS elimina todos los caracteres innecesarios de una hoja de estilo CSS sin afectar el aspecto de la página. Esto incluye espacios en blanco, saltos de línea, comentarios y el último punto y coma antes de una llave de cierre. El resultado es una hoja de estilo de una sola línea que es funcionalmente idéntica a la original pero significativamente más pequeña, generalmente un 20–40% más pequeña antes de la compresión.

CSS es un recurso de bloqueo de renderizado. Los navegadores deben descargar y analizar todos los CSS antes de poder renderizar la página, lo que significa que los archivos CSS grandes o no minificados retrasan First Contentful Paint (FCP) y Largest Contentful Paint (LCP). Google PageSpeed Insights marca el CSS sin minificar como una oportunidad de "Minificar CSS", y herramientas como Lighthouse penalizan las hojas de estilo de bloqueo de renderizado en las auditorías de rendimiento.

Esta herramienta procesa CSS completamente en tu navegador utilizando un algoritmo de minificación personalizado. Elimina los comentarios, contrae los espacios en blanco, elimina los espacios alrededor de los caracteres de sintaxis CSS ({, }, :, ;,) y deja caer los puntos y coma finales antes de cerrar los corchetes. La función Beautify invierte este proceso, volviendo a sangrar las reglas de legibilidad, útil cuando recibe CSS minificado de un tercero y necesita leerlo o modificarlo.