Reduce el tamaño de tus archivos de código al instante. Elimina comentarios, espacios innecesarios y optimiza sin romper la funcionalidad. Beautify incluido.
Original
—
Minificado
—
Ahorro
—
GZIP est.
—
Código más ligero, sitio más rápido, mejor puntuación en PageSpeed Insights.
La minificación es el proceso de eliminar del código fuente todos los caracteres que no son necesarios para su ejecución: espacios en blanco, saltos de línea, comentarios y, en el caso de JavaScript, nombres de variables largos. El resultado es un archivo funcionalmente idéntico pero significativamente más pequeño.
Un archivo CSS de 50 KB típico puede reducirse a 30-35 KB con minificación (ahorro del 30-40%). Combinado con compresión GZIP en el servidor, ese mismo archivo puede quedar en 8-10 KB, un 80% de reducción total. Esto impacta directamente en los Core Web Vitals y en la experiencia del usuario.
| Tipo de archivo | Sin GZIP | Con GZIP | Qué se elimina |
|---|---|---|---|
| CSS | 20-40% | hasta 80% | Comentarios, espacios, unidades en 0 |
| JavaScript | 30-60% | hasta 85% | Comentarios, espacios, console.log |
| HTML | 15-30% | hasta 75% | Comentarios HTML, espacios entre tags |
| JSON | 10-20% | hasta 70% | Espacios de indentación, newlines |
| SVG | 30-70% | hasta 85% | Metadatos, comentarios, atributos vacíos |
Pega tu código en el panel izquierdo, o usa el botón "Cargar archivo" para subir un .css, .js, .html, .json o .svg desde tu equipo.
Usa las pestañas superiores (CSS, HTML, JS, JSON, SVG) para seleccionar el tipo. El minificador aplica reglas específicas para cada lenguaje.
La barra de estadísticas muestra el tamaño original, el tamaño minificado, el porcentaje de ahorro y la estimación con GZIP. El código minificado aparece en el panel derecho.
Usa el botón "Copiar" para copiar el código minificado al portapapeles, o "Descargar" para obtener el archivo con el nombre minified.css (o la extensión correspondiente).
Sube el archivo minificado a tu hosting reemplazando la versión anterior. Siempre guarda una copia del código original para futuras ediciones, nunca edites directamente el código minificado.
Para proyectos grandes, la minificación manual con esta herramienta es útil para archivos individuales. Para flujos de trabajo modernos con múltiples archivos, usa una herramienta de build que automatice el proceso:
# Desarrollo (código legible)
src/styles/main.css → editar aquí
# Build (minificado automático)
npm run build → dist/styles/main.min.css
# Producción
dist/ → subir al servidor
Herramientas de build populares: Vite, webpack, Parcel, esbuild. Todas minifican automáticamente en modo producción.
Solo minificar en producción
Nunca edites directamente el código minificado. Siempre mantén la versión original legible para hacer cambios. El código minificado es ilegible y muy difícil de depurar.
Activa GZIP en tu servidor
La minificación + GZIP juntos dan el mayor ahorro. En NEUBOX (cPanel), GZIP se activa desde:
WordPress: plugins automáticos
