Embellezca JavaScript, o minifíquelo y vea cuántos bytes se fueron
Se ejecuta en su navegador. Nada de lo que escribe se envía a ningún sitio.Formatear JavaScript lo sangra y coloca las sentencias donde se pueden leer; minificarlo elimina nombres y espacios para producción. Se muestran los bytes eliminados, así que el ahorro en un bundle de 50 KB se ve antes de publicar. Su código se analiza en el navegador y nunca se sube.
Esta página se ha traducido automáticamente del original en inglés. Ninguna persona ha revisado todavía la traducción, así que la versión en inglés es la que debe consultar. Leer el original en inglés
Pegue JavaScript o JSX en el cuadro, o pulse Probar un ejemplo; TypeScript no es compatible.
Deje Embellecer para reformatearlo con Prettier, o elija Minificar para reducirlo con terser.
Ajuste Sangría, Ajustar en, Punto y coma y Comillas simples para Embellecer, o las opciones que aparecen para Minificar.
Pulse Copiar o Descargar para llevarse el resultado.
Este formateador de JavaScript hace las dos cosas que se esperan de un archivo de script. Embellecer lo pasa por Prettier y devuelve el mismo código organizado a su manera: dos espacios, cuatro espacios o un tabulador, con o sin punto y coma, comillas simples o dobles y el ancho de línea que elija. Minificar lo pasa por terser y devuelve el archivo equivalente más pequeño, con el tamaño antes, el tamaño después y el porcentaje ahorrado.
Sirve para los pequeños trabajos que interrumpen el día. Un fragmento copiado de una respuesta en internet usa un estilo que su proyecto no usa. Un archivo heredado tiene tres sentencias por línea. Necesita ver más o menos cuánto ocupará una función auxiliar una vez publicada, antes de decidir escribirla usted mismo. Y a veces necesita lo contrario: un bundle minificado lo bastante expandido como para entender qué hace un script de terceros.
Minificar tiene dos interruptores. Renombrar las variables locales a letras sueltas es de donde sale la mayor parte del ahorro y no cambia nada que pueda observarse desde fuera. Conservar los nombres de función cuesta unos pocos bytes, pero deja legibles las trazas de pila y todo lo que lee el nombre de una función, algo importante si envía errores a un servicio de monitorización.
La herramienta lee JavaScript simple y JSX. TypeScript no es compatible: si lo pega, el error de análisis no serviría de nada, así que la página lo comprueba primero y le dice qué construcción de TypeScript encontró, como un alias de tipo o un parámetro tipado. Todo se ejecuta en su navegador, así que el código no publicado y cualquier cosa que contenga una clave nunca salen de su dispositivo.
Sí. Sin registro, sin límite de tamaño y sin tope de cuántos archivos procesa. La página se paga con unos pocos anuncios mostrados fuera de la herramienta, y no se inserta nada en su código.
No. Tanto Prettier como terser se ejecutan en su navegador. El código no publicado, los endpoints internos o una clave de API dentro de un objeto de configuración nunca salen de su dispositivo, y no se guarda nada al cerrar la pestaña.
No. Lee JavaScript simple y JSX. Si pega TypeScript, la página le indica qué construcción encontró, como un alias de tipo o un parámetro tipado, en lugar de mostrar un error de análisis que no explica nada. Quite los tipos primero o use un editor que entienda TypeScript.
El código fuente legible con comentarios suele bajar entre un 40 y un 60 por ciento, y mucho más si tiene nombres de variables largos y líneas en blanco. El código ya minificado apenas cambia. Se muestran los bytes exactos para que pueda comparar.
Mangle renombra las variables locales y los argumentos de las funciones a letras sueltas. Nada fuera del archivo puede ver esos nombres, así que el comportamiento no cambia, y suele ser el mayor ahorro individual. Los nombres exportados y las propiedades de los objetos no se tocan.
Puede recuperar la disposición, no los nombres. Embellecer añade saltos de línea, sangría y espacios para que el código se pueda leer, pero un minificador descarta los nombres de variables y los comentarios originales, y ninguna herramienta puede recuperarlos.
¿Sigue sin resolverlo? Pregunte sobre Formateador y minificador de JavaScript y cualquiera que lo sepa puede responder. No se necesita cuenta.