Inndata

Minifisert utdata

Hva er JavaScript-minifisereren?

Hver kilobyte du sparer på JavaScript-bundelen betyr raskere sidelasting — og web.dev performance-retningslinjene og Google PageSpeed Insights merker det. Denne minifisereren fjerner umiddelbart mellomrom, kommentarer og unødvendige tegn fra JavaScript-koden din. ECMAScript-spesifikasjonen definerer språket; minifisering bevarer oppførselen. I produksjons-build-pipelines gjør verktøy som Terser og UglifyJS dette automatisk — for rask minifisering uten build-oppsett gjør dette verktøyet det direkte i nettleseren.

Verktøyet kjører helt i nettleseren din. Ingenting sendes til en server. Lim inn JS eller last opp en fil; få minifisert resultat. For formatering (motsatt), bruk JavaScript-formaterer. For validering, bruk JavaScript-validator. For sterkere beskyttelse, bruk JavaScript-obfuskator.

Slik bruker du verktøyet

1

Lim inn eller last opp

Lim inn JavaScript i venstre panel eller last opp en .js- eller .txt-fil. Eksempel laster eksempelkode. Tøm nullstiller.

2

Se minifisert utdata

Høyre panel viser minifisert kode. Mellomrom og kommentarer fjernes. Ugyldig JS viser en feil.

3

Kopier eller last ned

Bruk Kopier eller Last ned for minifisert kode. I produksjon, vurder også gzip- eller brotli-komprimering.

Eksempler på JavaScript-minifisering

Her er et eksempel på minifisering av formatert JavaScript-kode.

Eksempel: API fetch-funksjon

Formatert inndata:

Inndata

Minifisert utdata:

Utdata

Når JavaScript-minifisereren hjelper

Ved forberedelse av produksjonsbundles med webpack eller rollup, reduserer båndbredde eller optimaliserer lastetider, minifiserer JS-filer. Bruk med byggverktøy eller manuelt for raske sjekker. For obfuskering (vanskeligere å reversere), bruk JavaScript-obfuskator.

Ofte stilte spørsmål

Er dataene mine private?

Ja. Minifisering skjer helt i nettleseren din. Ingen data sendes til en server.

Minifiserer vs. obfuskator?

Minifisereren krymper koden. Obfuskatoren gjør koden vanskelig å lese og reversere. Obfuskering inkluderer ofte minifisering.

Ødelegger det koden min?

Gyldig minifisering bevarer oppførsel. Semikolon-innsetting og kanttilfeller kan skape problemer; test utdata.

Hva med source maps?

Dette verktøyet genererer ikke source maps. For produksjonsbygg med source maps, bruk webpack, rollup eller Vite. Se MDN om source maps.

Kan jeg avminifisere?

Bruk JavaScript-formaterer for å legge til innrykk. Den gjenoppretter ikke kommentarer eller opprinnelige variabelnavn.

Relaterte verktøy

ECMAScript. MDN JavaScript. Terser. webpack. rollup.