¿Qué hace exactamente un minificador de CSS?▼
Un minificador de CSS elimina todo el contenido que no es necesario para que el navegador interprete el código: comentarios, espacios en blanco, tabulaciones y saltos de línea. También suprime los punto y coma antes de llaves de cierre y aplasta los espacios alrededor de dos puntos, llaves y comas. El resultado es un archivo funcionalmente idéntico pero con menos bytes.
¿Por qué debo minificar mi CSS?▼
Porque cada kilobyte extra retrasa la carga de tu página. Los Core Web Vitals de Google (LCP, FID, CLS) dependen directamente de la velocidad de carga. Un CSS más pequeño se descarga más rápido, reduce el tiempo de bloqueo del renderizado y mejora tu puntuación en PageSpeed Insights, lo que se traduce en mejor posicionamiento SEO.
¿Cuánto puede reducir el tamaño de un archivo CSS?▼
Depende de cuántos comentarios y espacios tenga el archivo original. Un CSS bien documentado con mucho código formateado puede reducirse entre un 20% y un 40%. En proyectos con muchos comentarios de documentación o código generado automáticamente (por ejemplo, Sass/Less compilado), la reducción puede superar el 50%.
¿El CSS minificado funciona exactamente igual que el original?▼
Sí. La minificación solo elimina caracteres que el navegador ignora: espacios, saltos de línea y comentarios. Las propiedades, valores, selectores y reglas se conservan intactos. El comportamiento visual de tu sitio no cambia en absoluto.
¿Debo editar el archivo minificado si necesito hacer cambios?▼
No. Siempre debes mantener el archivo fuente sin minificar (el original con espacios y comentarios) bajo control de versiones. Minifica solo para producción, ya sea con esta herramienta manualmente o automatizando el proceso con herramientas de build como Webpack, Vite, PostCSS o esbuild.
¿La herramienta elimina reglas CSS vacías?▼
Sí. Si después de eliminar comentarios y espacios queda un selector con un bloque de declaraciones vacío (por ejemplo, .clase {}), la herramienta lo suprime del resultado. Esto ocurre comúnmente cuando una regla solo contenía comentarios.
¿Esta herramienta soporta CSS moderno como variables, calc() o media queries?▼
Sí. La lógica de minificación opera sobre la estructura textual del CSS (comentarios, espacios, punto y coma), no analiza la semántica de las propiedades. Por eso funciona correctamente con variables CSS (--mi-variable), calc(), clamp(), media queries, @keyframes, :root y cualquier otro CSS moderno.
¿Mi código CSS se envía a algún servidor?▼
No. Todo el procesamiento ocurre íntegramente en tu navegador usando JavaScript puro. Tu código nunca abandona tu dispositivo. No hay registro de usuario, no hay analytics sobre el contenido procesado y no se almacena nada en servidores.