Cómo usar esta herramienta para desarrolladores
- Pega el código fuente.
- Selecciona el formato correcto.
- Decide si se deben quitar comentarios compatibles.
- Ejecuta la minificación.
- Compara los bytes antes y después antes de descargar.
Code Minifier
Reduce espacios y saltos innecesarios en JSON, CSS, HTML o JavaScript para obtener una versión más compacta y medir el ahorro real. JSON se parsea y serializa sin espacios; los otros formatos usan un minificador textual consciente de cadenas y comentarios básicos. Se muestran bytes antes y después, además del porcentaje de reducción, para que puedas decidir si el cambio aporta valor.
Datos de entrada
Código fuenteEspacio publicitario
Qué hace esta herramienta para desarrolladores
La salida elimina espacio estructural prescindible según el formato elegido. La estadística de ahorro se calcula sobre bytes UTF-8, no solo sobre número de caracteres.
JSON usa parseo nativo. HTML colapsa espacio entre etiquetas y comentarios HTML opcionales. CSS/JS usan un escáner que protege strings mientras elimina comentarios y espacio fuera de ellas.
La minificación textual de JavaScript no sustituye a Terser u otros minificadores basados en AST y no renombra variables.
Ejemplo
Entrada:
const a = 1;
console.log(a);
Salida:
const a=1;console.log(a);
Casos de uso
- Medir el efecto de eliminar formato en snippets.
- Compactar JSON para transporte manual.
- Reducir CSS o HTML simple antes de incrustarlo.
- Preparar ejemplos mínimos para reproducir errores.
Consejos para obtener resultados fiables
- Para JavaScript de producción usa un minificador con AST y tests.
- No elimines comentarios legales o licencias requeridas.
- Valida JSON antes de copiar la salida.
- Revisa espacios significativos en HTML inline.
- Compara bytes, no solo caracteres, cuando haya Unicode.
Detalles del procesamiento
El tamaño se calcula con TextEncoder. Las cadenas entre comillas se preservan en CSS/JS para que los espacios internos no se eliminen por accidente.
No realiza tree-shaking, compresión gzip/Brotli, renombrado de variables ni análisis semántico completo de JavaScript.
Preguntas frecuentes
¿Este Code Minifier reduce el tamaño en bytes o solo quita líneas?
Quita formato textual y calcula el tamaño UTF-8 antes y después, mostrando bytes y porcentaje de ahorro.
¿Puede minificar JSON inválido?
No. JSON debe poder parsearse; si es inválido se muestra el error en lugar de generar una salida incorrecta.
¿El minificador de JavaScript renombra variables como Terser?
No. Solo elimina comentarios compatibles y espacio prescindible; no construye AST ni renombra identificadores.
¿Puedo conservar comentarios del código?
Sí. Desactiva la opción de eliminar comentarios. En HTML controla comentarios <!-- --> y en CSS/JS comentarios de bloque o línea según el caso.
¿La minificación puede cambiar HTML con espacios significativos?
Sí, algunos documentos dependen de espacios entre nodos inline. Revisa la salida cuando el espacio visible forme parte del diseño.
Herramientas relacionadas para desarrolladores
Resumen técnico
| Elemento | Detalle |
|---|---|
| Formatos | JS, JSON, CSS, HTML |
| Medición | Bytes UTF-8 |
| Comentarios | Eliminación opcional |
| Compresión | Sin gzip/Brotli |
Explora la categoría
Consulta más utilidades de formato de código y regex en el hub de la categoría.
Ver Formato de código y regex