Minification
Minificación (reducción del tamaño de código)
El proceso de eliminar todos los caracteres innecesarios del código fuente (espacios en blanco, saltos de línea, comentarios, nombres largos de variables) sin cambiar su funcionalidad, reduciendo el tamaño del archivo para una entrega web más rápida.
Detalle técnico
Los minificadores de JavaScript (Terser, esbuild, SWC) realizan tokenización, análisis del AST, renombrado de variables (mangling), inlining de funciones, eliminación de código muerto (tree shaking) y plegado de constantes. Los minificadores de CSS (cssnano, Lightning CSS) eliminan espacios en blanco, combinan reglas duplicadas, abrevian propiedades y eliminan prefijos de proveedor innecesarios. Las reducciones típicas: 30-60 % sin comprimir (además de un 70-85 % con gzip/brotli).
Ejemplo
```javascript
// Simple CSS minifier
function minifyCSS(css) {
return css
.replace(/\/\*[\s\S]*?\*\//g, '') // remove comments
.replace(/\s+/g, ' ') // collapse whitespace
.replace(/\s*([{};:,])\s*/g, '$1') // remove around symbols
.trim();
}
// 1024 bytes → 612 bytes (40% reduction)
```