Minification
Minificacao (Reducao de Tamanho de Codigo)
O processo de remover caracteres desnecessarios (espacos em branco, quebras de linha, comentarios) do codigo fonte sem alterar a sua funcionalidade, reduzindo o tamanho do ficheiro para entrega web mais rapida.
Detalhe técnico
A minificacao de JavaScript: remocao de espacos/comentarios, encurtamento de variaveis (mangling), eliminacao de codigo morto (tree-shaking), inlining de funcoes. As ferramentas: Terser (padrao no webpack), esbuild (extremamente rapido, Go), SWC (Rust). A minificacao de CSS: remocao de espacos, fusao de seletores, encurtamento de valores (hex para shorthand). As ferramentas: cssnano, Lightning CSS. A reducao tipica: 30-70% antes de gzip. A compressao com gzip/Brotli reduz ainda mais 60-80%. Os source maps (.map) mapeiam o codigo minificado de volta ao original para depuracao.
Exemplo
```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)
```