Minificador de JavaScript
Deje un script lo más pequeño posible con Terser, el mismo minificador que usa webpack, sin enviarlo a ninguna parte.
Minificar JavaScript online
Un script minificado se descarga y se analiza más rápido. Esta página es el formateador de código configurado para minificar JavaScript. Usa Terser, que se carga en la página la primera vez que minifica, así que su código se procesa en su propio equipo.
Qué hace Terser
- Elimina los espacios y comentarios que el motor no necesita.
- Acorta los nombres locales:
function add(first, second)pasa a serfunction add(d,n). - Simplifica el código cuando el resultado está garantizado que es el mismo, por ejemplo quitando ramas inalcanzables.
- Se detiene ante errores de sintaxis e indica la línea y la columna, en lugar de producir un resultado roto.
Un pequeño ejemplo
Una función de seis líneas con un comentario, function add(first, second) { return first + second; } seguida de console.log(add(1, 2));, queda como function add(d,n){return d+n}console.log(add(1,2));: el comentario y los espacios desaparecen, y los dos parámetros tienen nombres de una letra, porque nada fuera de la función puede verlos.
Conviene tener en cuenta
- Guarde el original: el código minificado es para publicar, no para editar.
- Los comentarios de licencia que empiezan por
/*!o contienen@licensese conservan; todos los demás comentarios se eliminan. - En aplicaciones completas, minifique en su pipeline de build para que ocurra en cada versión.
Herramientas relacionadas
Para leer código minificado, use el embellecedor de JavaScript. Para hojas de estilo, use el minificador de CSS.