Minificar CSS y JavaScript
Pega tu CSS o JavaScript y obtén una versión más liviana para que tu web cargue más rápido.
Tu código no se envía: se minifica en tu navegador. El motor de JavaScript (1,1 MB) se descarga desde esta misma web la primera vez que lo usas.
Guarda siempre tu código original: el minificado no está pensado para editarse. Los comentarios que empiezan por /*! (licencias) se conservan.
Cómo minificar CSS o JavaScript
- Elige CSS o JavaScript.
- Pega tu código y pulsa «Minificar».
- Copia el resultado o descárgalo como
.min.csso.min.js, y verás cuánto pesa menos.
¿Qué hace la minificación?
- CSS: quita comentarios, saltos de línea y espacios sobrantes sin tocar los textos, las direcciones
url()ni los espacios que necesitacalc(). - JavaScript: usa el motor terser, el mismo de muchas herramientas profesionales. Analiza el código, elimina lo que sobra, simplifica expresiones y, si lo eliges, acorta los nombres de las variables internas. Si hay un error de sintaxis, te dice en qué línea está.
Un archivo más liviano se descarga antes, sobre todo en celulares con datos móviles. Combínalo con imágenes optimizadas con el compresor de imágenes para mejorar la velocidad de tu web.
Preguntas frecuentes
¿Qué es minificar código?
Quitar todo lo que el navegador no necesita (espacios, saltos de línea, comentarios) y simplificar el código para que pese menos y la web cargue más rápido.
¿Minificar cambia cómo funciona mi código?
No debería: el resultado hace exactamente lo mismo. Aun así, prueba tu web después y guarda siempre el original.
¿Qué es «Acortar nombres de variables»?
Cambia los nombres de las variables y funciones internas por letras cortas. Ahorra mucho espacio y no afecta a las funciones o variables globales que usa tu página.
¿Por qué me sale un error de sintaxis?
Porque el JavaScript tiene un fallo (por ejemplo, un paréntesis o una llave sin cerrar). El mensaje indica la línea y la columna; el código no se modifica hasta que lo corrijas.
¿Se conservan los comentarios de licencia?
Sí. Los comentarios que empiezan por /*! o contienen @license o @preserve se mantienen.
¿Se envía mi código a algún servidor?
No. Todo se hace en tu navegador.