CSS Minifier

CSS minification removes all unnecessary characters from a CSS stylesheet without affecting how the page looks. This includes whitespace, line breaks, comments, and the last semicolon before a closing brace. The output is a single-line stylesheet that is functionally identical to the original but significantly smaller — typically 20–40% smaller before compression.

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.