Minificar es quitarle a un archivo de código todo lo que sirve para que una persona lo lea (espacios, saltos de línea, comentarios) y que al navegador le da igual. El resultado pesa menos y carga más rápido. El minificador de NEUBOX trabaja con CSS, HTML, JavaScript, JSON y SVG.
Herramienta: Minificador de código
Paso 1. Pega el código y minifica
Elige el lenguaje antes de pegar. Cada uno tiene sus propias reglas, y minificar CSS con las reglas de JavaScript rompe el archivo.
Las casillas de opciones dejan afinar qué se quita: comentarios, espacios, unidades cero, colores. Las de omisión son las seguras.
La regla que evita el desastre
Una sola, y es innegociable:
Nunca reemplaces tu archivo original con el minificado. Guarda los dos. Trabajas siempre sobre el legible, y subes el minificado.
El motivo es simple: un archivo minificado es imposible de editar. Si dentro de tres meses hay que cambiar un color y solo tienes el minificado, te toca rehacerlo o descifrarlo renglón por renglón. La convención habitual es estilos.css para trabajar y estilos.min.css para publicar.
Prueba antes de publicar
La minificación de CSS y de JSON es muy segura. La de JavaScript lo es menos, porque en JavaScript un salto de línea a veces cuenta como fin de instrucción.
Así que con JavaScript: reemplaza, abre el sitio, y prueba lo que ese archivo hace. Si algo dejó de funcionar, la consola del navegador te dice dónde.
Cuánto sirve, en realidad
Conviene poner la ganancia en perspectiva antes de dedicarle una tarde.
Minificar suele quitar entre un 20 y un 30% del peso de un archivo de código. Suena bien, pero los archivos de código no son lo que pesa en un sitio: las imágenes son varias veces más pesadas.
Además, si tu servidor tiene la compresión activada, buena parte de ese ahorro ya lo estabas obteniendo sin hacer nada.
El orden que más rinde: primero las imágenes, luego la caché y la compresión del servidor, y al final minificar. Minificar no está de más, pero es la última rebanada, no la primera.
Herramientas que se usan junto con esta
- Comprimir imágenes, que es donde de verdad está el peso.
- Generador de .htaccess, para activar la compresión y la caché.
En la página de la herramienta está la guía completa, con el flujo recomendado para producción.