JS MINIFIFICADOR / TERSER

Minificador de JavaScript

Reducir JavaScript antes del lanzamiento, a menudo a la mitad.

Se ejecuta localmente · el código no está cargado
Opciones

TU PRÓXIMO PASO

Conecte herramientas útiles con el flujo de trabajo de su empresa

cree una cuenta de empresa para configurar el monitoreo del sitio web, el correo electrónico comercial y las notificaciones, e invite a su equipo a trabajar en conjunto.

Las nuevas empresas reciben una prueba Pro de 14 días, sin necesidad de tarjeta. Las pruebas excluyen la concesión de crédito mensual pagado.

¿Ya tienes una cuenta? Abre tu espacio de trabajo → (English)

Cómo usarlo

  1. Pegar código, soltar un archivo o cargar la muestra; el idioma está preestablecido para esta página y se puede cambiar.
  2. Elija formato o minimice y ajuste la sangría, el ancho y otras opciones; el resultado aparece a la derecha a medida que escribe.
  3. Copiar o descargar el resultado; En caso de error, utilice "Ir al error", corríjalo y ejecútelo nuevamente.

¿Qué hace la minificación?

Minimizar cambia la forma en que se escribe el código, no lo que hace. Por lo general, corta entre un 30% y un 70% del tamaño y acelera las páginas; conserve su fuente, porque el código minimizado es difícil de leer.

Tres minificadores
OperaciónJavaScript(Terser)CSS(CSSO)HTML/XML/JSON
Eliminar comentarios✓✓✓
Eliminar espacios en blanco y saltos de línea✓✓✓
Acortar nombres de variables✓——
Fusionar reglas, acortar colores—✓—
Eliminar código muerto, doblar constantes✓——
¡Mantener /*! comentarios de licenciaOpcionalOpcionalOpcional

Idiomas y motores

El formato utiliza los mismos motores de código abierto que los editores populares, por lo que los resultados coinciden con Prettier en VS Code y su equipo puede mantener un estilo. Cada motor se carga desde este sitio y se ejecuta en su navegador.

Idioma
IdiomaFormatoComprimir
HTMLMás bonita 3✓ comentarios y espacios en blanco
XMLMotor XML XunL✓
CSS/SCSS/MenosMás bonita 3✓ Reestructuración de CSSO
JavaScript/MecanografiadoMás bonita 3(Babel)✓ Terser (solo JavaScript)
JSONMás bonita 3✓ los números grandes mantienen la precisión
YAMLMás bonita 3— (comentarios mantenidos)
SQLformateador sql (14 dialectos)—

Preguntas frecuentes

¿Se seguirá ejecutando el código minimizado?

Terser es el minificador predeterminado en webpack y Vite y solo aplica transformaciones que preservan el comportamiento. Desactive "Acortar nombres de variables" para el código que se basa en nombres de funciones o utiliza evaluación en variables locales.

¿Puede minimizar TypeScript?

No directamente; compílelo en JavaScript primero.

¿Se cargó mi código?

No. Los motores se descargan desde este sitio y se ejecutan en su navegador; su código nunca pasa por nuestros servidores ni por ningún tercero, por lo que es seguro para el código interno y la configuración.

¿Qué tamaño pueden tener los archivos?

Hasta 5 MB por archivo; por encima de 300 KB, la página espera el botón en lugar de formatear mientras escribe, para que el navegador siga respondiendo.

Guía práctica del minificador de JavaScript y preguntas comunes

¿Qué hace un minificador de JavaScript?

Terser 5, el minificador predeterminado en webpack y Vite, elimina espacios en blanco y comentarios, pliega constantes, elimina código inalcanzable y, con el acortamiento de nombres activado, cambia el nombre de las variables locales.

¿Para quién es esto y cuándo es útil?

Desarrolladores de sitios pequeños, páginas de destino y temas de WordPress o Shopify sin un paso de compilación que desean scripts más pequeños antes del lanzamiento.

¿Cómo uso este minificador de JavaScript?

Pegue JavaScript para minimizar con Terser, opcionalmente acortando nombres y manteniendo los comentarios de licencia, y vea el tamaño antes y después.

¿Cómo debo interpretar los resultados?

solo JavaScript; Desactive la reducción de nombres para el código que se basa en nombres de funciones, eval o with, y ejecute el resultado en un entorno de prueba.

¿Dónde se realiza el trabajo y qué servicios reciben datos?

Terser se minimiza en tu navegador; Los scripts no se ejecutan ni se cargan.