Minificador de JavaScript online: reduce JS, CSS y HTML
El minificador reduce JavaScript, CSS y HTML sin cambiar su funcionamiento: elimina comentarios y espacios en blanco y acorta los nombres locales de JavaScript. Por ejemplo, el ejemplo de JavaScript de abajo pasa de 324 B a 180 B. Es gratis, no requiere registro y tu código permanece en tu navegador.
Creado por Florian Galz
¿Has reducido el código? Con un hosting web rápido, tu página cargará aún más rápido.
Código minificado
El código minificado aparecerá aquí en cuanto pegues algo a la izquierda.Ajustes
Las variables locales y los parámetros reciben nombres cortos. Los nombres globales se conservan para que otros scripts puedan seguir encontrándolos.
Acorta las expresiones y elimina el código muerto sin cambiar lo que hace el código.
Se conservan los comentarios con /*! … */, @license o @preserve.
Pega tu código a la izquierda o carga el ejemplo. El resultado aparecerá al instante.
Tu código permanece en tu navegador: no se sube ni se guarda.
Resultado de ejemplo
Así transforma tu código el minificador de JavaScript
Pegas código JavaScript legible; la herramienta elimina comentarios y espacios en blanco, acorta los nombres locales y devuelve el código en una línea compacta, junto con el tamaño antes y después. Los valores de abajo son un ejemplo fijo; tu resultado depende de tu código.
Ejemplo · Configuración predeterminada
Entrada (legible)
// Warenkorb-Summe berechnenfunction calculateTotal(items, taxRate) { let subtotal = 0; for (const item of items) { subtotal += item.price * item.quantity; } const tax = subtotal * taxRate; return Math.round((subtotal + tax) * 100) / 100;} console.log(calculateTotal([{ price: 4.99, quantity: 2 }], 0.19));Salida (minificada)
function calculateTotal(t,o){let c=0;for(const o of t)c+=o.price*o.quantity;const a=c*o;return Math.round(100*(c+a))/100}console.log(calculateTotal([{price:4.99,quantity:2}],.19));- Original
- 324 B
- Minificado
- 180 B
- Ahorro
- 44,4 %
- En este ejemplo, esta parte del archivo correspondía a comentarios, sangría y nombres largos.
Funciones
Archivos más pequeños, misma funcionalidad
Qué elimina el minificador y qué conserva intencionadamente.
JavaScript con terser
Elimina comentarios y espacios en blanco, acorta nombres locales y simplifica expresiones. Conserva los nombres globales y detecta módulos ES.
CSS sin sorpresas
Se eliminan comentarios, espacios y puntos y coma finales. Los valores, colores, unidades, cadenas y url() permanecen exactamente iguales.
HTML con código integrado
Se elimina el espacio en blanco junto a elementos de bloque y se conserva un espacio entre palabras. También se reducen style, script y JSON-LD.
Tamaño antes y después
Ahorro en porcentaje y bytes, además de ambos tamaños con gzip, tal como los transmite un servidor web.
Conservar comentarios de licencia
Puedes conservar los comentarios con /*! … */, @license o @preserve; los comentarios condicionales de HTML se conservan siempre.
Permanece en tu navegador
Sin subidas ni almacenamiento: el código se reduce directamente en tu dispositivo.
Cómo funciona
Cómo minificar JavaScript, CSS y HTML online
Cuatro pasos, sin registro ni instalación.
Paso 1
Elegir lenguaje
Elige JavaScript, CSS o HTML arriba. Al cambiar de lenguaje, cada uno conserva su propio código.
Paso 2
Pegar código
Pega tu código en el campo de la izquierda, abre un archivo de hasta 2 MB o carga el ejemplo. El resultado aparece a la derecha tras una breve pausa al escribir.
Paso 3
Revisar configuración
En JavaScript, decides si se acortan los nombres y se optimizan las expresiones. Puedes conservar los comentarios de licencia y, en HTML, también los comentarios normales.
Paso 4
Aplicar resultado
Consulta el ahorro con y sin gzip, copia el código minificado o descárgalo como script.min.js, style.min.css o index.min.html.
Descubrir más
Más herramientas
Comparar textos online (Diff Checker)
Compara textos online: compara dos textos, configuraciones o versiones de código, ve las diferencias por línea y palabra y cópialas como Unified Diff. Funciona íntegramente en el navegador.
Creado por Dimitri Heissler
Formateador de JSON
Formatea, minifica y valida JSON con resaltado de sintaxis, indicación de errores y descarga, todo en el navegador.
Creado por Jakub Martyniak
Probador de Regex
Prueba expresiones regulares en tiempo real con el motor nativo de JavaScript, con resaltado de coincidencias, grupos de captura y modo de reemplazo, directamente en el navegador.
Creado por Jakub Martyniak
Formateador y validador de XML
Valida, formatea, minimiza y repara automáticamente XML (caracteres sin escapar, etiquetas ausentes, declaración ausente), 100 % en el navegador, sin subir archivos.
Creado por Justin Schuessler
Codificador/decodificador Base64
Codifica y decodifica texto en Base64, incluida una variante segura para URL y una indicación clara de errores, directamente en el navegador.
Creado por Jakub Martyniak
Generador de .htaccess y generador de htpasswd
Crea archivos .htaccess y .htpasswd para Apache en línea: redirecciones 301, HTTPS, protección con contraseña bcrypt, reglas de WordPress, páginas de error, caché, GZIP y protección contra hotlinking. Funciona íntegramente en el navegador.
Creado por Dimitri Heissler
Formateador de SQL online (formatea y mejora tu SQL)
Formatea, mejora y minimiza SQL online para MySQL, MariaDB y PostgreSQL, con opciones de sangría y mayúsculas para las palabras clave. Funciona íntegramente en el navegador, sin subir archivos.
Creado por Luca Stanek
Formateador de HTML y CSS online (mejora la presentación del código)
Formatea HTML y CSS online, aplica sangría y mejora su presentación con detección automática del idioma. Funciona íntegramente en el navegador, sin subir archivos.
Creado por Luca Stanek
Comprimir y reducir imágenes
Comprime y reduce imágenes online: disminuye el tamaño de archivos JPG, PNG y WebP, ajústalos a un tamaño objetivo en KB o conviértelos, por ejemplo, de PNG a JPG. Todo funciona en el navegador.
Creado por Dimitri Heissler
FAQ
Preguntas frecuentes
Respuestas breves sobre cómo minificar JavaScript, CSS y HTML con esta herramienta.
El código minificado y el tamaño antes y después. Por ejemplo, el ejemplo de JavaScript de esta página pasa de 324 B a 180 B. También ves cuánto ocuparían ambas versiones comprimidas con gzip, tal como las entrega un servidor web.
Un minificador reduce el tamaño del código sin cambiar su funcionamiento: elimina comentarios, sangrías y saltos de línea, y acorta los nombres de variables locales. Así, el archivo carga más rápido. Este minificador procesa JavaScript, CSS y HTML.
Elige la pestaña CSS y pega tu hoja de estilos. La herramienta elimina comentarios, espacios innecesarios y el último punto y coma de cada bloque. Los valores, colores y unidades quedan exactamente como los escribiste; si quieres, puedes conservar los comentarios con /*! … */.
Elige la pestaña HTML. Se eliminan los comentarios y el espacio en blanco junto a elementos de bloque como div o p; entre palabras y elementos en línea se reduce a un solo espacio para que la página conserve su aspecto. pre y textarea permanecen sin cambios; si quieres, también se reduce el CSS de style y el JavaScript de script.
No. La herramienta utiliza terser, el mismo minificador que emplean muchas herramientas de compilación. Solo acorta los nombres locales; los globales se conservan para que otros scripts puedan seguir accediendo a ellos. En los módulos ES con import o export, también se acortan los nombres del nivel superior. Si desactivas la optimización del código, solo se acortan nombres y no se reescribe nada.
Si hay un error de sintaxis en JavaScript o un comentario, una cadena o una etiqueta sin cerrar, la herramienta indica la línea y la columna. Al hacer clic, saltas a ese punto de la entrada. Si un bloque style o script de HTML contiene un error, se deja sin cambios y la herramienta te avisa.
Sí, ambos se complementan: gzip comprime las repeticiones, mientras que la minificación elimina comentarios y acorta nombres que gzip no puede eliminar. La herramienta te muestra ambos tamaños con gzip para que veas cuánto se transmite realmente de tu código.
No. Todo se ejecuta en tu navegador: no se sube ni se almacena nada. Puedes abrir archivos de hasta 2 MB, como .js, .css o .html.
¿Tienes más preguntas?
Contactar con soporteTu web necesita un hosting rápido
Código minificado y hosting web de ZAP-Hosting: así tu página carga en un instante. Un VPS propio te da más control.
Sin configuración. Sin riesgos. En línea en segundos.
¿Buscas más herramientas? Ver todas las herramientas para desarrolladores
Fuente preferida en Google
