Minificador de JavaScript
Minifique y comprima código JavaScript
JavaScript de entrada
Elimina los comentarios y las instrucciones debugger, y conserva los registros de consola.
Se ejecuta en su navegador. Su código permanece en este dispositivo.
Errores y advertencias
Consejos de minificación de JavaScript
- Pruebe su JavaScript minificado antes de implementarlo.
- Conserve los archivos fuente originales para depurar.
- Utilice la modificación de nombres con cuidado cuando su código dependa de nombres de funciones o clases.
- Combine la minificación con la compresión gzip o Brotli.
- Utilice herramientas de compilación para automatizar la minificación en producción.
JavaScript minificado
Resultados de la compresión
- Tamaño original
- —
- Tamaño minificado
- —
- Bytes ahorrados
- —
- Compresión
- —
- Líneas
- —
Antes y después
Antes
—
Después
—
Acerca del Minificador de JavaScript
Nuestro minificador de JavaScript gratuito en línea comprime su código JS eliminando espacios en blanco, comentarios y caracteres innecesarios para obtener el resultado más pequeño posible. Basada en Terser, el motor de compresión de JavaScript de referencia en el sector, esta herramienta admite la sintaxis moderna de ES6+, incluidas funciones flecha, plantillas literales, clases, desestructuración y más.
Elija entre tres niveles de minificación según sus necesidades. El ajuste Seguro conserva intactos todos los comentarios y nombres de variables. El ajuste Recomendado elimina los comentarios y las instrucciones debugger, pero conserva los registros de consola. El ajuste Agresivo activa la ofuscación completa de nombres, la eliminación de código muerto y la eliminación de registros de consola para lograr la mayor reducción posible del tamaño del archivo.
Todo el procesamiento se ejecuta directamente en su navegador con la biblioteca Terser, y su código JavaScript nunca se sube a ningún servidor. La herramienta ofrece estadísticas detalladas de compresión: tamaño original, tamaño minificado, bytes ahorrados, porcentaje de compresión y reducción del número de líneas. Solo tiene que pegar su código, elegir un ajuste y obtener JavaScript optimizado al instante.
Características principales
- Minificación con Terser y compatibilidad total con la sintaxis de JavaScript ES6+
- Tres ajustes preestablecidos de minificación: niveles de compresión Seguro, Recomendado y Agresivo
- Eliminación de código muerto para quitar las rutas de código inalcanzables
- Eliminación opcional de console.log y de instrucciones debugger
- Ofuscación (acortamiento) de nombres de variables en modo Agresivo para lograr la máxima compresión
- Minificación automática en tiempo real con procesamiento diferido mientras escribe
- Estadísticas detalladas de compresión: tamaño original, tamaño minificado, bytes ahorrados, proporción y número de líneas
- Validación de sintaxis integrada con comprobación de corchetes y paréntesis
- Compatibilidad con la subida de archivos JavaScript (.js) para procesar scripts existentes
- Copia con un clic al portapapeles y descarga como archivo .js
Cómo usar el Minificador de JavaScript
- Seleccione un nivel de minificación: elija Seguro para una compresión básica, Recomendado para una optimización equilibrada o Agresivo para la máxima reducción del tamaño del archivo con ofuscación de nombres.
- Introduzca su JavaScript: pegue su código JS en el área de texto, suba un archivo .js o haga clic en Cargar ejemplo para probar una demostración.
- Espere al procesamiento: la herramienta minifica su código automáticamente tras una breve pausa y muestra un indicador de procesamiento durante la compilación.
- Revise los resultados de la compresión: consulte el panel de estadísticas para ver cuánto se redujo el tamaño del archivo, con los tamaños original y minificado, los bytes ahorrados y el número de líneas.
- Copie o descargue: haga clic en Copiar para llevar el JavaScript minificado al portapapeles, o use Descargar para guardarlo como archivo .js.
Casos de uso
- Despliegue en producción: minifique el JavaScript antes de desplegarlo para reducir el tamaño de los archivos y mejorar la velocidad de carga de la página.
- Optimización del rendimiento: comprima los scripts para mejorar las métricas Core Web Vitals, Time to Interactive y First Contentful Paint.
- Reducción del ancho de banda: los archivos JS más pequeños reducen los costos de alojamiento y la transferencia de datos, sobre todo en sitios web de mucho tráfico.
- Optimización para móviles: el JavaScript comprimido carga más rápido en redes móviles y mejora la experiencia de los usuarios de móviles.
- Minificación puntual rápida: minifique scripts individuales cuando necesite una optimización rápida fuera de su flujo de compilación.
- Revisión y análisis de código: use las estadísticas de compresión para evaluar cuánto potencial de optimización tiene su base de código.
- Aprendizaje y experimentación: comprenda cómo funciona la minificación comparando el resultado antes y después con los distintos niveles de ajuste.
Preguntas frecuentes
¿Esta herramienta es gratuita?
Sí, el Minificador de JavaScript es totalmente gratuito y no limita el tamaño de los archivos ni el número de minificaciones. No se requiere registro ni cuenta.
¿Mis datos están seguros?
Toda la minificación se realiza directamente en su navegador con la biblioteca Terser. Su código JavaScript nunca se envía a ningún servidor, lo que garantiza la privacidad y la seguridad completas de su código fuente.
¿Cuál es la diferencia entre los modos Seguro, Recomendado y Agresivo?
El modo Seguro realiza una compresión básica y conserva todos los comentarios, registros de consola y nombres de variables. El modo Recomendado elimina los comentarios y las instrucciones debugger. El modo Agresivo activa la ofuscación de nombres, la eliminación de la consola, la eliminación de código muerto y la optimización en varias pasadas para obtener el resultado más pequeño.
¿La ofuscación de nombres romperá mi código?
La ofuscación de nombres renombra las variables locales con nombres más cortos, lo cual es seguro para la mayoría del código. Sin embargo, puede causar problemas si su código depende de nombres de funciones o variables en tiempo de ejecución (por ejemplo, mediante eval o reflexión). Pruebe siempre a fondo después de usar el modo Agresivo.
¿Admite TypeScript o JSX?
Esta herramienta procesa JavaScript estándar (ES6+). TypeScript y JSX deben compilarse primero a JavaScript simple antes de la minificación. Use su compilador de TypeScript o Babel para transpilar y luego pegue aquí el resultado.
Consejos y buenas prácticas
- Conserve siempre los archivos fuente: guarde su JavaScript original sin minificar en el control de versiones y minifique solo para las compilaciones de producción.
- Genere source maps: use source maps en su flujo de compilación para depurar código minificado en las herramientas para desarrolladores del navegador.
- Pruebe después de minificar: ejecute siempre su batería de pruebas con el código minificado, sobre todo si usa el modo Agresivo con ofuscación de nombres.
- Combínelo con la compresión del servidor: combine la minificación de JavaScript con la compresión gzip o Brotli en su servidor web para lograr la mayor reducción posible del tamaño de los archivos.
- Empiece con Recomendado: El ajuste Recomendado ofrece el mejor equilibrio entre seguridad y compresión para la mayoría de los proyectos.
- Elimine los registros de consola en producción: use el modo Agresivo para quitar automáticamente las instrucciones console.log que no deben aparecer en el código de producción.