Gratis omvandlare

JavaScript Minifierare

Förminska och komprimera JavaScript-kod direkt i din webbläsare. Ta bort kommentarer, komprimera blanksteg och minska filstorleken. Gratis och privat.

Dra och släpp en JS-fil här

Stöder .js-filer. Eller klistra in ditt JavaScript ovan.

Eller

Om detta verktyg

JavaScript-minifiering minskar storleken på källkoden genom att ta bort onödiga tecken och (med korrekta minifierare) byta namn på lokala variabler till kortare namn. Den första kategorin – blanksteg och borttagning av kommentarer – är enkel och riskfri. Den andra – variabelnamnbyte – kräver att man förstår omfattningsreglerna och är vad produktionsminifierare som Terser och esbuild gör bäst.

Det här verktyget fokuserar på säker minifiering: ta bort kommentarer, komprimera blanksteg, ta bort överflödiga semikolon och förkorta uppenbara mönster. Variabelbyte är konservativt – endast lokala variabler i tydliga omfång berörs, och externt refererade namn lämnas ifred. Resultatet är funktionellt identiskt med källan.

För minifiering i produktionsgrad förstår dedikerade verktyg (Terser, esbuild, swc) hela ECMAScript-omfångsmodellen och producerar betydligt mindre produktion. Det här verktyget är till för snabb minifiering på webbläsaren när en fullständig installationskonfiguration inte är tillgänglig.

Varför förminska JavaScript

JavaScript-paket är vanligtvis den största enskilda resursen på en modern webbsida. Minifiering ger rutinmässigt 30–60 % storleksminskning jämfört med den oförminskade källan. I kombination med gzip eller Brotli, krymper minskningen något, men kombinationen sparar fortfarande mätbara bytes - särskilt för användare med långsamma anslutningar.

Snabbare JavaScript betyder också snabbare Time to Interactive. Mindre skript laddas ned snabbare, analyseras snabbare och körs snabbare. För sajter där TTI påverkar avvisningsfrekvens och SEO-rankning är minifiering en av de billigaste vinsterna som finns.

Så här använder du det

Klistra in JavaScript, skaffa en mindre version.

  1. Lägg till JavaScript-indata: Klistra in källan i inmatningsområdet eller släpp en .js-fil. Minifieraren accepterar modern JavaScript (ES2015+) inklusive pilfunktioner, bokstavsmallar, klasser och moduler.
  2. Välj alternativ: Standardinställningar för att ta bort kommentarer och komprimera blanksteg. Byte av lokal variabel är konservativ; aktivera mer aggressivt namnbyte om du behöver maximal komprimering.
  3. Förminska: Minifieraren analyserar källan, tar bort blanksteg och kommentarer och avger kompakt utdata. Syntaxfel i källan ger tydliga felmeddelanden.
  4. Använd utgången: Byt ut din skriptkälla i produktionen. För full optimering, koppla ihop med en buntare som hanterar trädskakning och eliminering av död kod.

Vanliga användningsfall

Tekniska detaljer

Minifieraren tokeniserar JavaScript med hjälp av en parser som respekterar ECMAScript-syntax. Kommentarer (enradiga och flerradiga) tas bort förutom licenskommentarer markerade med /*! prefix. Mellanslag komprimeras förutom där det krävs syntaktisk (mellan identifierare, efter nyckelord).

Konservativ variabelbyte förkortar lokala variabler i enkla omfång. Globaler, exporter och importerade namn döps inte om – det skulle bryta externa referenser. För djupt byte av namn, använd Terser eller esbuild med korrekt modulmedveten analys.

Kantfall: automatisk semikoloninsättning (ASI) betyder att minifieraren måste bevara nyrader i vissa sammanhang för att undvika att programmets beteende ändras. Mallliterals, regex-literals och JSX (om indata inkluderar det) bevaras exakt eftersom deras innehåll kanske inte är säkert att komprimera.

Bästa metoder

Vanliga frågor

Ändrar minifiering hur min kod fungerar?
Nej. Minifiering tar bort blanksteg och kommentarer, som inte påverkar körningen. Variabelförkortning (mangling) byter namn på lokala variabler men bevarar beteende. Globala variabler och exporterade namn hålls intakta.
Ska jag minifiera i utveckling eller produktion?
Använd endast minifierad kod i produktionen. Behåll den ursprungliga läsbara koden under utvecklingen. De flesta byggverktyg (Webpack, Vite, esbuild) hanterar minifiering automatiskt som en del av produktionsprocessen.
Vad är skillnaden mellan minifiering och förvirring?
Minifiering minskar storleken samtidigt som den håller koden funktionellt läsbar om den formateras. Obfuskation gör avsiktligt kod svår att förstå (strängkodning, utjämning av kontrollflödet). Det här verktyget fokuserar på storleksminskning, inte förvirring.
Hur mycket storleksminskning bör jag förvänta mig?
Vanligtvis 30-60% före gzip. Välkommenterad kod med långa variabelnamn ser de största minskningarna. I kombination med gzip-komprimering är JavaScript-filer ofta 80-90 % mindre än den ursprungliga källan.
Är min kod uppladdad till en server?
Nej. Minifieraren körs i din webbläsare.
Hur mycket mindre blir mitt JavaScript?
Normalt 30–60 % reduktion. Variabeltung kod med långa identifierare komprimerar mer; uttryckstung kod komprimerar mindre.
Ska jag minifiera för hand?
Aldrig. Behåll läsbar JavaScript i källkod. Kör minifiering som ett byggsteg eller som en del av distributionen.
Fungerar det på TypeScript?
TypeScript måste kompileras till JavaScript först med tsc eller esbuild. När det har kompilerats kan det resulterande JavaScriptet minifieras.