Kodeminifierer

Referanse

Hva er kodeminifisering?

Kodeminifisering fjerner unødvendige tegn fra kildekode — mellomrom, kommentarer, linjeskift og valgfrie skilletegn — uten å endre kodens oppførsel. Resultatet er en mindre fil som lastes raskere over nettverket. Minifisering er et standardtrinn i enhver moderne front-end-byggepipeline og anbefales av Googles retningslinjer for nettytelse for HTML, CSS og JavaScript.

HTML-minifisering

HTML-minifisering fjerner HTML-kommentarer (<!-- ... -->) og kollapser mellomrom mellom tagger. Nettlesere ignorerer ekstra mellomrom i HTML, så fjerning har ingen visuell effekt, men reduserer filstørrelsen. Typiske HTML-minifiseringsbesparelser ligger på 10–25 % avhengig av formateringsstil og kommentartetthet. Innebygde <style>- og <script>-blokker drar også nytte av sin egen språkspesifikke minifisering.

CSS-minifisering

CSS-minifisering fjerner kommentarer (/* ... */), kollapser mellomrom og fjerner mellomrom rundt {, }, :, ; og ,. Den fjerner også det siste semikolonet før }, som CSS-parsere tillater å utelate. Godt kommenterte CSS-filer ser typisk 20–40 % størrelsesreduksjon. For produksjon går verktøy som cssnano og Lightning CSS videre ved å slå sammen dupliserte regler, forkorte farger (#ffffff → #fff) og fjerne overflødige prefikser.

JavaScript-minifisering

Dette verktøyet utfører konservativ JavaScript-minifisering: det fjerner enlinjekommentarer (// ...), flerlinjekommentarer (/* ... */) og kollapser mellomrom. Dette er trygt og raskt, men ikke en full optimaliserer — det omdøper ikke variabler, tree-shaker ikke ubrukte eksporter eller fjerner død kode. For produksjonsbygg, bruk dedikerte verktøy: Terser (standarden for Webpack/Vite), esbuild (ekstremt raskt, Go-basert) eller SWC (Rust-basert, brukt av Next.js). Disse verktøyene oppnår 40–70 % størrelsesreduksjon ved å kombinere minifisering med variabelforvansking.

Personvern

All behandling kjører 100% i nettleseren din. Ingen data sendes til en server.