minification

Kort fortalt: Minification betyder at fjerne alt overflødigt i kildefilen før den sendes til browseren: mellemrum, linjeskift, kommentarer og i nogle tilfælde langvarige variabelnavne (især i minificeret JS med “mangling”). Resultatet er færre bytes at downloade og ofte hurtigere parsing - især på mobil, hvor CPU til at læse tegn er en reel omkostning.

Hvad sker der under minification?

• JavaScript: Fjernelse af kommentarer og whitespace; ofte omdøbning af lokale symboler til korte navne (hvis bundleren er konfigureret til det). Semantikken bevares - det er ikke “obfuscation” som mål, men kompakthed.
• CSS: Fjernelse af kommentarer og unødvendig whitespace; nogle værktøjer kan også flette eller optimere enkelte regler.
• HTML: Fjernelse af whitespace mellem tags - skal gøres med viden om hvor whitespace betyder noget for indhold (fx <pre>).

Hvad minification ikke løser

Minification er ikke det samme som at fjerne ubrugt kode. Til det bruger du tree-shaking, død-kode-elimination og arkitekturvalg (færre dependencies). En minificeret fil med 500 KB ubrugt bibliotek er stadig 500 KB.

Den gør heller ikke langsom algoritme hurtig: den reducerer ikke antallet af operationer i din JavaScript-logik, kun hvor mange tegn parseren skal læse.

Den erstatter heller ikke code splitting (code splitting): du kan stadig sende for meget kode på den første route, selvom den er minificeret.

I praksis: build-pipeline og cache

I produktion bør CSS og JS typisk:

1. Bygges med minification slået til (production mode i Vite, webpack, osv.).
2. Navngives med hash i filnavn ved deploy (app.a1b2c3.js), så du kan sætte lang browser-cache med immutable uden at brugere hænger fast på gammel kode.
3. Serveres med gzip eller helst Brotli - minification + komprimering giver ofte den største gevinst samlet.

Faldgruber

• Source maps: I produktion vil du ofte have source maps til fejlsøgning, men de skal ikke lække følsom struktur - konfigurér adgang (fx kun internt eller via hemmeligt sti).
• Fejlsøgning: Minificeret stack trace er sværere at læse; gode source maps er nødvendige for drift.
• HTML og CMS: Hvis CMS genererer HTML med betydningsfuldt whitespace, skal minifier respektere det - ellers kan layout eller “word breaks” ændre sig uventet.

Relaterede begreber

• JavaScript bundle - hvor meget der overhovedet sendes
• Render-blocking - minification hjælper, men fjerner ikke blokering
• Brotli, gzip