Minificador HTML, CSS y JS
Elimine comentarios y espacios sobrantes de forma segura; copie la salida o descárguela como archivo .min.
Herramienta
Esta herramienta minifica HTML, CSS, JavaScript y JSON: elimina comentarios, líneas vacías, sangría y los espacios alrededor de la puntuación, y no toca nada más. Las cadenas, el interior de url(), las plantillas de cadena, las expresiones regulares, el contenido de pre, textarea, script y style, los comentarios condicionales y los comentarios de licencia que empiezan por /*! se conservan tal cual; en HTML nunca se elimina una etiqueta ni las comillas de un atributo. Pegue el código o suba un archivo de hasta 2 MB; todo se procesa en su navegador y el código nunca se envía a un servidor.
El resultado muestra el tamaño de la fuente y de la salida en bytes, el porcentaje ahorrado y, si su navegador lo permite, el tamaño gzip real de ambos textos. Fíjese en esa última casilla: los servidores ya envían los archivos comprimidos con gzip o brotli, y los espacios repetidos y la sangría ocupan muy poco una vez comprimidos, de modo que la minificación por sí sola aporta una ganancia de velocidad limitada y solo cobra sentido junto con la compresión. Para la velocidad de una página suelen pesar más la compresión y las cabeceras de caché, el tamaño de las imágenes y los scripts innecesarios.
La herramienta no acorta nombres de variables, no transforma el código, no reescribe valores CSS (0.5 sigue siendo 0.5 y 0px sigue siendo 0px) ni elimina reglas vacías; este límite es deliberado para que la salida se comporte exactamente igual que la fuente. En JavaScript se conservan los saltos de línea, así que la inserción automática de punto y coma no se ve afectada; sin embargo, la distinción entre división y expresión regular se hace a partir del token anterior y JSX no se admite. Herramientas de compilación como Vite, Next.js y webpack ya hacen este trabajo; esta herramienta es para sitios pequeños sin paso de compilación, archivos sueltos y comprobaciones rápidas. Conserve siempre el archivo fuente y nunca edite a mano el minificado.
Preguntas frecuentes
¿Por qué la salida se redujo menos de lo que esperaba?
La herramienta solo elimina comentarios y espacios; no acorta nombres ni transforma el código. Los archivos ya compactos o con pocos comentarios cambian poco. Si el servidor usa gzip o brotli, la diferencia se reduce aún más, y la casilla gzip lo muestra directamente.
¿Es segura la salida de JavaScript?
Se conservan los saltos de línea, por lo que la inserción automática de punto y coma se comporta igual; cadenas, plantillas de cadena y expresiones regulares quedan intactas. La distinción entre división y expresión regular se basa en el token anterior y puede fallar en casos muy raros; abra la página y revise la consola antes de publicar. Para una versión de producción use esbuild, terser o la herramienta de compilación de su proyecto.
¿Se envía mi código a algún sitio?
No. El código que pega o sube se procesa solo en su navegador; la estimación gzip también se calcula con la interfaz de compresión del propio navegador. Al actualizar la página todo se borra.
¿Puedo editar el archivo minificado más tarde?
Edite siempre el archivo fuente y vuelva a minificar; los cambios a mano en un archivo reducido a una sola línea provocan errores y se pierden en la siguiente ejecución. Mantenga la fuente bajo control de versiones y trate el archivo minificado como salida de compilación.
