Kodminifierare

Referens

Vad är kodminifiering?

Kodminifiering tar bort onödiga tecken från källkod — whitespace, kommentarer, radbrytningar och valfria avgränsare — utan att ändra kodens beteende. Resultatet är en mindre fil som laddas snabbare över nätverket. Minifiering är ett standardsteg i varje modern front-end-byggpipeline och rekommenderas av Googles riktlinjer för webbprestanda för HTML, CSS och JavaScript.

HTML-minifiering

HTML-minifiering tar bort HTML-kommentarer (<!-- ... -->) och komprimerar whitespace mellan taggar. Webbläsare ignorerar extra whitespace i HTML, så att ta bort det har ingen visuell effekt men minskar filstorleken. Typiska besparingar vid HTML-minifiering ligger på 10–25% beroende på formateringsstil och kommentardensitet. Inline <style>- och <script>-block gynnas av sin egen språkspecifika minifiering.

CSS-minifiering

CSS-minifiering tar bort kommentarer (/* ... */), komprimerar whitespace och tar bort mellanslag runt {, }, :, ; och ,. Den tar också bort det sista semikolonet före } som CSS-parsrar tillåter att utelämna. Väl kommenterade CSS-filer ser typiskt 20–40% storleksminskning. I produktion går verktyg som cssnano och Lightning CSS längre genom att slå ihop duplicerade regler, förkorta färger (#ffffff → #fff) och ta bort redundanta prefix.

JavaScript-minifiering

Detta verktyg utför konservativ JavaScript-minifiering: det tar bort enkelradskommentarer (// ...), flerradskommentarer (/* ... */) och komprimerar whitespace. Detta är säkert och snabbt, men inte en fullständig optimerare — det byter inte namn på variabler, tree-shakar oanvända exporter eller tar bort död kod. I produktionsbyggen, använd dedikerade verktyg: Terser (standard för Webpack/Vite), esbuild (extremt snabb, Go-baserad) eller SWC (Rust-baserad, används av Next.js). Dessa verktyg uppnår 40–70% storleksminskning genom att kombinera minifiering med variabelmangel.

Integritet

All bearbetning körs 100% i din webbläsare. Ingen data skickas till en server.