¿Qué es la minificación?

La minificación es el proceso de eliminar todos los caracteres innecesarios del código sin cambiar su funcionalidad, haciéndolo lo más pequeño posible.

¿Es legible el código minificado?

Generalmente, no. La minificación está pensada para la ejecución por parte de máquinas. Siempre debes conservar tu código fuente sin minificar para el desarrollo.

¿Cómo mejora el rendimiento del sitio web la minificación de JavaScript?

La minificación elimina espacios en blanco, comentarios y acorta nombres de variables sin cambiar cómo se ejecuta el código. Esto reduce el tamaño del archivo — a menudo en un 30–60% — lo que significa descargas más rápidas, menores costos de ancho de banda y cargas de página más rápidas, especialmente en conexiones móviles.

¿Cuál es la diferencia entre minificación y uglificación?

La minificación elimina espacios en blanco y comentarios innecesarios. La uglificación (o mangling) va más allá renombrando variables y funciones a nombres más cortos. Esta herramienta hace ambas cosas — usando el motor SWC produce salida que está tanto sin espacios como mangled para máxima compresión.

¿Puedo minificar CSS que usa características modernas como propiedades personalizadas y anidamiento?

Sí. El minificador CSS maneja sintaxis moderna incluyendo propiedades personalizadas CSS (variables), calc(), selectores anidados y reglas arroba como @media y @keyframes. Colapsa valores redundantes, elimina comentarios y combina reglas duplicadas donde es seguro hacerlo.

¿La minificación de JavaScript rompe la sintaxis async/await o ES2020+?

El minificador usa Terser internamente, que admite completamente JavaScript moderno incluyendo async/await, encadenamiento opcional (?.), coalescencia nula (??), funciones flecha, desestructuración y funciones ES2020+. Si apuntas a navegadores muy antiguos (IE11), debes transpilar con Babel antes de minificar. Para CSS, la herramienta usa clean-css que maneja correctamente las propiedades personalizadas CSS (variables), anidamiento, calc() y la sintaxis de media queries. Siempre prueba la salida minificada en tus navegadores objetivo antes de desplegar.

Minificador JS y CSS — Minificar JavaScript y CSS

Acerca de Minificador de JS/CSS

Comprime tus archivos JavaScript y CSS para reducir los tiempos de carga y mejorar el rendimiento web. Nuestro minificador devuelve espacios en blanco innecesarios, comentarios y saltos de línea mientras preserva la funcionalidad, ayudando a que tus páginas carguen más rápido y reduciendo el uso de ancho de banda.

Cómo usar

Pega tu código fuente JavaScript o CSS en el área de entrada.
Selecciona el modo correcto ('JavaScript' o 'CSS') usando el selector.
Haz clic en 'Minify Code' para generar la versión condensada.
Copia la salida minificada o usa 'Download Minified File' para tu entorno de producción.

Casos de uso comunes

Preparar el código para el despliegue en producción para minimizar el tamaño de los recursos.
Reducir la huella de bibliotecas de terceros o scripts personalizados.
Optimizar los archivos CSS para un renderizado más rápido y una mejora del SEO y Core Web Vitals.

Detalles técnicos

Utiliza el motor basado en WASM de SWC (Speedy Web Compiler) para una minificación rápida y confiable. El procesamiento 100% local garantiza que tu código fuente permanezca privado.

Preguntas frecuentes

¿Qué es la minificación?: La minificación es el proceso de eliminar todos los caracteres innecesarios del código sin cambiar su funcionalidad, haciéndolo lo más pequeño posible.
¿Es legible el código minificado?: Generalmente, no. La minificación está pensada para la ejecución por parte de máquinas. Siempre debes conservar tu código fuente sin minificar para el desarrollo.
¿Cómo mejora el rendimiento del sitio web la minificación de JavaScript?: La minificación elimina espacios en blanco, comentarios y acorta nombres de variables sin cambiar cómo se ejecuta el código. Esto reduce el tamaño del archivo — a menudo en un 30–60% — lo que significa descargas más rápidas, menores costos de ancho de banda y cargas de página más rápidas, especialmente en conexiones móviles.
¿Cuál es la diferencia entre minificación y uglificación?: La minificación elimina espacios en blanco y comentarios innecesarios. La uglificación (o mangling) va más allá renombrando variables y funciones a nombres más cortos. Esta herramienta hace ambas cosas — usando el motor SWC produce salida que está tanto sin espacios como mangled para máxima compresión.
¿Puedo minificar CSS que usa características modernas como propiedades personalizadas y anidamiento?: Sí. El minificador CSS maneja sintaxis moderna incluyendo propiedades personalizadas CSS (variables), calc(), selectores anidados y reglas arroba como @media y @keyframes. Colapsa valores redundantes, elimina comentarios y combina reglas duplicadas donde es seguro hacerlo.
¿La minificación de JavaScript rompe la sintaxis async/await o ES2020+?: El minificador usa Terser internamente, que admite completamente JavaScript moderno incluyendo async/await, encadenamiento opcional (?.), coalescencia nula (??), funciones flecha, desestructuración y funciones ES2020+. Si apuntas a navegadores muy antiguos (IE11), debes transpilar con Babel antes de minificar. Para CSS, la herramienta usa clean-css que maneja correctamente las propiedades personalizadas CSS (variables), anidamiento, calc() y la sintaxis de media queries. Siempre prueba la salida minificada en tus navegadores objetivo antes de desplegar.

Procesamiento local

Nuestras herramientas locales de archivos, texto y gráficos procesan el contenido en tu dispositivo mediante JavaScript, APIs del navegador y, cuando hace falta, WebAssembly. Nuestros eventos no incluyen nombres o contenido de archivos, texto introducido, valores de gráficos, errores sin filtrar, correos ni referencias de licencia. Las herramientas de red (DNS, WHOIS, IP y pruebas de velocidad) contactan servicios externos para su función. Cargar el sitio, fuentes, bibliotecas y modelos también genera solicitudes de red. WebAssembly no impide por sí mismo el acceso a la red.