Minificador de CSS / JS
La minificación reduce el tamaño de los archivos CSS y JavaScript eliminando comentarios y espacios innecesarios, sin alterar el comportamiento del código. Esta herramienta ligera procesa tu código directamente en el navegador — nada se envía a un servidor — y muestra el tamaño original, el tamaño minificado y el porcentaje ahorrado para que evalúes el impacto de un vistazo.
Aunque los proyectos en producción suelen usar minificadores integrados en herramientas de build (como esbuild, Terser o Lightning CSS) que realizan optimizaciones avanzadas como renombrado de variables y eliminación de código muerto, esta calculadora es ideal para comprobaciones rápidas, ejercicios de aprendizaje o fragmentos puntuales donde configurar un pipeline completo sería excesivo.
Como funciona
Minificación ligera: (1) eliminar comentarios de bloque /* … */ y comentarios de línea //; (2) colapsar secuencias de espacios en blanco (espacios, tabulaciones, saltos de línea) a un único espacio; (3) eliminar espacios alrededor de delimitadores como : ; { } , > ~ + en CSS y = + - * / ; : { } ( ) [ ] , en JS. Ahorro % = (bytesOriginales − bytesMinificados) / bytesOriginales × 100.
Casos de uso
- Reducir rápidamente un fragmento de CSS antes de pegarlo en un CMS o plantilla de email
- Comprobar cuánto espacio en blanco y comentarios inflan una función utilitaria JS
- Aprender cómo funciona la minificación paso a paso sin una herramienta de build
- Preparar pequeños scripts o estilos inline para clientes de correo HTML
- Estimar el ahorro de ancho de banda antes de configurar un pipeline de build completo