Qué necesita
Una hoja de estilo o un script que quiera reducir y una forma de probar la página después.
Ejemplo
Las herramientas anteriores ejecutan motores reales. Este es el resultado que producen con una hoja de estilo y un script minúsculos.
CSS antes (127 caracteres) y después (67):
/* header */
.card {
margin: 0px 0px 10px 0px;
color: #ffffff;
background-color: #FF0000;
}
.card {
padding: 0.50em;
}
.card{margin:0 0 10px;color:#fff;background-color:red;padding:.5em}
JavaScript antes (161 caracteres) y después (65):
// add two numbers
function addNumbers(firstNumber, secondNumber) {
const total = firstNumber + secondNumber;
return total;
}
console.log(addNumbers(2, 3));
function addNumbers(d,e){return d+e}console.log(addNumbers(2,3));
Errores comunes
- No minifique y luego edite a mano; vuelva a generar desde el código fuente.
- Los mapas de código fuente (source maps) relacionan el código minificado con el original en el depurador del navegador; genérelos con una herramienta de compilación en trabajos de producción.
- Minificar archivos ya minificados casi no aporta nada.
- El código que usa
eval,Function.prototype.nameo nombres de propiedad como cadenas puede fallar con la ofuscación de nombres.