JS/CSS Minifier
JS/CSS Minifier — se ejecuta en el navegador. No se guardan datos.
Minificado básico de JS / CSS
Introduce los valores y pulsa Calcular.
Elimina comentarios y espacios en blanco. No sustituye ofuscación avanzada ni un empaquetador.
Cómo usar
- En modo, elige JavaScript o CSS. El predeterminado es JavaScript.
- Pega el código a minificar en origen.
- Pulsa Minificar. El código con comentarios y espacios reducidos aparece en resultado.
- En las estadísticas de arriba, compara los recuentos de caracteres original y minificado.
- Copiar resultado lo toma. Restablecer reinicia origen, resultado y números, y recupera el modo JavaScript.
Conceptos clave
Minificar JS/CSS es un reductor ligero que quita comentarios y espacios para recortar un poco el tamaño justo antes de desplegar. El modo JavaScript quita comentarios de bloque y de línea y pega espacios alrededor de llaves y operadores; el modo hoja de estilos quita comentarios de bloque y luego pega espacios entre selectores y llaves. No ofusca nombres, no hace tree-shake ni analiza ámbitos, así que no sustituye a un empaquetador o Terser. Encaja para estimar bytes en un fragmento pequeño.
Los números original y minificado son longitudes de cadena de entrada/salida. Las barras en literales regex o patrones tipo comentario dentro de cadenas pueden malinterpretarse, así que el origen complejo es más seguro minificado en un pipeline de build. Minificar JS/CSS no sube archivos; solo sustituye en el navegador. No es una herramienta de calidad de paquete de producción, sino una ayuda para acortar un borrador lleno de comentarios y comparar. Si la salida minificada se ve rota, revisa el modo y conserva la configuración de empaquetado existente para la copia final de despliegue. Cuando hayas estimado la diferencia de tamaño en una función corta o un bloque de reglas, copia.
Ejemplo
En modo JavaScript, pega function hello() { /* greet */ console.log("hi"); } y minifica: desaparecen comentarios y espacios y se pega hacia una línea. Los recuentos de caracteres original y minificado se actualizan en las estadísticas.
Relacionado: Formateador JS/CSS · Formateador HTML · Formateador JSON
Preguntas frecuentes
¿Minificar JS/CSS es lo mismo que un empaquetador o Terser?
No. Solo quita comentarios y espacios con regex. No acorta nombres de variables ni elimina código muerto.
¿Por qué separar modos JavaScript y CSS al minificar JS/CSS?
JavaScript trata comentarios de línea y espacios de operadores; las hojas de estilo tratan distinto los espacios selector/llave y los puntos y coma de más.
¿Qué son los números original y minificado tras minificar JS/CSS?
Recuentos de caracteres del origen de entrada y del resultado de salida. Muestran la reducción como longitud de cadena, no kilobytes.
¿Los símbolos tipo comentario dentro de cadenas pueden romper minificar JS/CSS?
Sí. Una sustitución simple puede tomar // dentro de un regex o una cadena por un comentario, así que usa un minificador dedicado para origen importante.
¿Se sube el origen de minificar JS/CSS a un servidor?
No. Minificar, copiar y restablecer terminan en el navegador. No hay subida de archivos.
¿Restablecer minificar JS/CSS también cambia el modo?
Sí. Pone origen, resultado y números original/minificado otra vez a 0 y recupera el modo JavaScript.
Última revisión: 2026-09-04