Gratis omformer

JavaScript Minifier

Reduser og komprimer JavaScript-kode umiddelbart i nettleseren din. Fjern kommentarer, skjul mellomrom og reduser filstørrelsen. Gratis og privat.

Dra og slipp en JS-fil her

Støtter .js-filer. Eller lim inn JavaScript-en ovenfor.

Eller

Om dette verktøyet

JavaScript-minifisering reduserer størrelsen på kildekoden ved å fjerne unødvendige tegn og (med riktige minifiers) endre navn på lokale variabler til kortere navn. Den første kategorien – mellomrom og fjerning av kommentarer – er enkel og risikofri. Den andre - variabelen omdøping - krever forståelse av omfangsregler og er hva produksjonsminifikatorer som Terser og esbuild gjør best.

Dette verktøyet fokuserer på sikker minifisering: stripping av kommentarer, kollapsing av mellomrom, fjerning av overflødige semikolon og forkorte åpenbare mønstre. Det å endre navn på variabel er konservativt – bare lokale variabler i klare omfang berøres, og eksternt refererte navn blir stående alene. Resultatet er funksjonelt identisk med kilden.

For minifisering i produksjonsgrad forstår dedikerte verktøy (Terser, esbuild, swc) hele ECMAScript-omfangsmodellen og produserer betydelig mindre produksjon. Dette verktøyet er for rask minifisering på nettleseren når et fullstendig oppsett ikke er tilgjengelig.

Hvorfor forminske JavaScript

JavaScript-bunter er vanligvis den største enkeltressursen på en moderne nettside. Minifisering gir rutinemessig 30–60 % størrelsesreduksjon sammenlignet med den ikke-minifiserte kilden. Kombinert med gzip eller Brotli krymper reduksjonen noe, men kombinasjonen sparer fortsatt målbare bytes - spesielt for brukere på trege tilkoblinger.

Raskere JavaScript betyr også raskere tid til interaktiv. Mindre skript lastes ned raskere, analyseres raskere og kjøres raskere. For nettsteder der TTI påvirker fluktfrekvenser og SEO-rangering, er minifisering en av de billigste gevinstene som finnes.

Slik bruker du det

Lim inn JavaScript, få en mindre versjon.

  1. Legg til JavaScript-inndata: Lim inn kilden i inndataområdet eller slipp en .js-fil. Minifikatoren godtar moderne JavaScript (ES2015+) inkludert pilfunksjoner, bokstavmaler, klasser og moduler.
  2. Velg alternativer: Standarder fjerner kommentarer og skjuler mellomrom. Omdøping av lokal variabel er konservativ; aktiver mer aggressiv navngiving hvis du trenger maksimal komprimering.
  3. Forminsk: Minifieren analyserer kilden, fjerner mellomrom og kommentarer, og sender ut kompakt utdata. Syntaksfeil i kilden gir klare feilmeldinger.
  4. Bruk utgangen: Bytt ut skriptkilden din i produksjonen. For full optimalisering kan du koble sammen med en bunter som håndterer treristing og eliminering av død kode.

Vanlige brukstilfeller

Tekniske detaljer

Minifieren tokeniserer JavaScript ved å bruke en parser som respekterer ECMAScript-syntaks. Kommentarer (enkeltlinje og flerlinje) fjernes med unntak av lisenskommentarer merket med /*! prefiks. Mellomrom skjules unntatt der det er syntaktisk nødvendig (mellom identifikatorer, etter nøkkelord).

Konservativ variabel omdøping forkorter lokale variabler i enkle omfang. Globaler, eksporter og importerte navn blir ikke omdøpt - det vil bryte eksterne referanser. For dypt omdøping, bruk Terser eller esbuild med riktig modulbevisst analyse.

Kanttilfeller: automatisk innsetting av semikolon (ASI) betyr at minifieren må bevare nye linjer i noen sammenhenger for å unngå å endre programoppførsel. Mal-literals, regex-literals og JSX (hvis inndata inkluderer det) blir bevart nøyaktig fordi innholdet deres kanskje ikke er trygt å komprimere.

Beste praksis

Ofte stilte spørsmål

Endrer minifisering hvordan koden min fungerer?
Nei. Minifisering fjerner mellomrom og kommentarer, som ikke påvirker kjøringen. Variabelforkorting (mangling) gir nytt navn til lokale variabler, men bevarer atferd. Globale variabler og eksporterte navn beholdes intakte.
Bør jeg minifisere i utvikling eller produksjon?
Bruk kun minifisert kode i produksjonen. Behold den originale lesbare koden under utviklingen. De fleste byggeverktøy (Webpack, Vite, esbuild) håndterer minifisering automatisk som en del av produksjonsbyggingsprosessen.
Hva er forskjellen mellom minifisering og tilsløring?
Minifisering reduserer størrelsen samtidig som den holder koden funksjonelt lesbar hvis den er formatert. Tilsløring gjør koden med vilje vanskelig å forstå (strengkoding, utjevning av kontrollflyt). Dette verktøyet fokuserer på størrelsesreduksjon, ikke tilsløring.
Hvor mye størrelsesreduksjon bør jeg forvente?
Vanligvis 30-60 % før gzip. Godt kommentert kode med lange variabelnavn ser de største reduksjonene. Kombinert med gzip-komprimering er JavaScript-filer ofte 80-90 % mindre enn originalkilden.
Er koden min lastet opp til en server?
Nei. Minifieren kjører i nettleseren din.
Hvor mye mindre blir JavaScriptet mitt?
Typisk 30–60 % reduksjon. Variabel-tung kode med lange identifikatorer komprimerer mer; uttrykkstung kode komprimerer mindre.
Bør jeg forminske for hånd?
Aldri. Oppretthold lesbart JavaScript i kilden. Kjør minifisering som et byggetrinn eller som en del av distribusjon.
Fungerer det på TypeScript?
TypeScript må først kompileres til JavaScript ved å bruke tsc eller esbuild. Når det er kompilert, kan det resulterende JavaScript minifiseres.