Reduce el tamaño de tu JavaScript
JavaScript suele ser la parte más pesada de una página web, y cada kilobyte debe descargarse, analizarse y ejecutarse antes de que la página sea interactiva. Minificarlo puede reducir su tamaño a la mitad o más. Esta herramienta usa Terser, el minificador detrás de la mayoría de las herramientas de compilación modernas, para eliminar espacios en blanco y comentarios, acortar nombres y aplicar compresiones de código seguras, directamente en tu navegador.
Características
- Motor Terser con soporte moderno para ES2015+.
- Compresión: eliminación de código muerto, plegado de constantes y sintaxis más corta.
- Ofuscación de nombres para variables locales (opcional).
- Comentarios de licencia conservados a petición.
- Comparación de tamaño en bytes y porcentaje.
- Privado: el código se procesa localmente.
Ahorro típico
| Código | Reducción típica |
|---|---|
| Código de aplicación bien comentado | 50–70% |
| Código fuente de librerías | 40–60% |
| Código ya compacto | 15–30% |
| Código ya minificado | 0–5% |
Servir archivos minificados con compresión gzip o Brotli suele reducir el tamaño de transferencia en un 60–75% adicional.
Consejos
- Conserva el código original — el código minificado es difícil de leer y depurar. Usa source maps en tu compilación para depurar el código en producción.
- Minifica como paso de compilación para producción; esta herramienta es ideal para scripts individuales, snippets, bookmarklets y proyectos sin un empaquetador.
- Prueba el código después de minificarlo, especialmente si depende de nombres de funciones o de
eval.
Herramientas relacionadas
Minifica hojas de estilo con el Minificador de CSS, formatea datos con el Formateador de JSON o codifica scripts para incrustarlos con Base64.