Gratis konverter

JavaScript Minifier

Formindsk og komprimer JavaScript-kode øjeblikkeligt i din browser. Fjern kommentarer, skjul mellemrum, og reducer filstørrelsen. Gratis og privat.

Træk og slip en JS-fil her

Understøtter .js-filer. Eller indsæt din JavaScript ovenfor.

Eller

Om dette værktøj

JavaScript-minifikation reducerer størrelsen af kildekoden ved at fjerne unødvendige tegn og (med korrekte minifiers) omdøbe lokale variabler til kortere navne. Den første kategori - blanktegn og fjernelse af kommentarer - er ligetil og risikofri. Den anden - variabel omdøbning - kræver forståelse af scope-regler og er, hvad produktionsminifiers som Terser og esbuild gør bedst.

Dette værktøj fokuserer på sikker minifikation: fjernelse af kommentarer, kollapsning af mellemrum, fjernelse af overflødige semikoloner og forkortelse af åbenlyse mønstre. Variabel omdøbning er konservativ - kun lokale variabler i klare omfang berøres, og eksternt refererede navne efterlades alene. Resultatet er funktionelt identisk med kilden.

Til minifikation i produktionsgrad forstår dedikerede værktøjer (Terser, esbuild, swc) hele ECMAScript-omfangsmodellen og producerer betydeligt mindre output. Dette værktøj er til hurtig minifikation på browsersiden, når en fuld build-opsætning ikke er tilgængelig.

Hvorfor formindske JavaScript

JavaScript-bundter er typisk den største enkeltressource på en moderne webside. Minificering giver rutinemæssigt 30-60 % størrelsesreduktion i forhold til den ikke-minificerede kilde. Kombineret med gzip eller Brotli skrumper reduktionen noget, men kombinationen sparer stadig målbare bytes - især for brugere på langsomme forbindelser.

Hurtigere JavaScript betyder også hurtigere Time to Interactive. Mindre scripts downloader hurtigere, parser hurtigere og udføres hurtigere. For websteder, hvor TTI påvirker afvisningsprocenter og SEO-rangering, er minifikation en af ​​de billigste gevinster, der findes.

Sådan bruger du det

Indsæt JavaScript, få en mindre version.

  1. Tilføj JavaScript-input: Indsæt kilden i inputområdet, eller slip en .js-fil. Miniifieren accepterer moderne JavaScript (ES2015+) inklusive pilefunktioner, bogstaver i skabeloner, klasser og moduler.
  2. Vælg muligheder: Standarder fjerner kommentarer og skjuler mellemrum. Lokal variabel omdøbning er konservativ; aktiver mere aggressiv omdøbning, hvis du har brug for maksimal komprimering.
  3. Formindsk: Minifieren analyserer kilden, fjerner mellemrum og kommentarer og udsender kompakt output. Syntaksfejl i kilden giver klare fejlmeddelelser.
  4. Brug outputtet: Udskift din scriptkilde i produktionen. For fuld optimering skal du parre med en bundter, der håndterer trærystelser og fjernelse af død kode.

Almindelige anvendelsestilfælde

Tekniske detaljer

Minifieren tokeniserer JavaScript ved hjælp af en parser, der respekterer ECMAScript-syntaks. Kommentarer (enkeltlinje og multilinje) fjernes undtagen licenskommentarer markeret med /*! præfiks. Mellemrum er skjult, undtagen hvor det er syntaktisk nødvendigt (mellem identifikatorer, efter nøgleord).

Konservativ variabel omdøbning forkorter lokale variabler i ligetil omfang. Globaler, eksporter og importerede navne omdøbes ikke - det ville bryde eksterne referencer. For dybt omdøbning, brug Terser eller esbuild med korrekt modulbevidst analyse.

Kanttilfælde: automatisk semikolonindsættelse (ASI) betyder, at minifieren skal bevare nye linjer i nogle sammenhænge for at undgå at ændre programadfærd. Skabelonliteraler, regex-literaler og JSX (hvis input inkluderer det) bevares, præcis fordi deres indhold muligvis ikke er sikkert at komprimere.

Bedste praksis

Ofte stillede spørgsmål

Ændrer minifikation, hvordan min kode fungerer?
Nej. Minifikation fjerner mellemrum og kommentarer, som ikke påvirker udførelsen. Variable shortening (mangling) omdøber lokale variabler, men bevarer adfærd. Globale variabler og eksporterede navne bevares intakte.
Skal jeg minificere i udvikling eller produktion?
Brug kun minificeret kode i produktionen. Behold den originale læsbare kode under udviklingen. De fleste byggeværktøjer (Webpack, Vite, esbuild) håndterer minifikation automatisk som en del af produktionsopbygningsprocessen.
Hvad er forskellen mellem minificering og sløring?
Formindskelse reducerer størrelsen og holder koden funktionelt læsbar, hvis den er formateret. Tilsløring gør med vilje kode svær at forstå (strengkodning, udjævning af kontrolflow). Dette værktøj fokuserer på størrelsesreduktion, ikke sløring.
Hvor meget størrelsesreduktion skal jeg forvente?
Typisk 30-60% før gzip. Velkommenteret kode med lange variabelnavne ser de største reduktioner. Kombineret med gzip-komprimering er JavaScript-filer ofte 80-90 % mindre end den originale kilde.
Er min kode uploadet til en server?
Nej. Minifieren kører i din browser.
Hvor meget mindre bliver mit JavaScript?
Typisk 30-60 % reduktion. Variabel-tung kode med lange identifikatorer komprimerer mere; udtrykstung kode komprimerer mindre.
Skal jeg minificere i hånden?
Aldrig. Oprethold læsbar JavaScript i kilden. Kør minifikation som et build-trin eller som en del af implementering.
Virker det på TypeScript?
TypeScript skal først kompileres til JavaScript ved hjælp af tsc eller esbuild. Når det er kompileret, kan det resulterende JavaScript minificeres.