JavaScript-minifierare
Minifiera och komprimera JavaScript-kod
JavaScript-indata
Tar bort kommentarer och debugger-satser, behåller konsolloggar.
Körs i webbläsaren. Din kod stannar på den här enheten.
Fel och varningar
Tips för JavaScript-minifiering
- Testa din minifierade JavaScript innan du publicerar den.
- Behåll de ursprungliga källfilerna för felsökning.
- Använd namnförkortning med försiktighet när koden är beroende av funktions- eller klassnamn.
- Kombinera minifiering med gzip- eller Brotli-komprimering.
- Använd byggverktyg för att automatisera minifiering i produktion.
Minifierad JavaScript
Komprimeringsresultat
- Ursprunglig storlek
- —
- Minifierad storlek
- —
- Sparade byte
- —
- Komprimering
- —
- Rader
- —
Före och efter
Före
—
Efter
—
Om verktyget JavaScript-minifierare
Vår kostnadsfria JavaScript-minifierare online komprimerar din JS-kod genom att ta bort blanksteg, kommentarer och onödiga tecken för att ge så liten utdata som möjligt. Verktyget drivs av Terser, branschstandarden för JavaScript-komprimering, och hanterar modern ES6+-syntax, bland annat pilfunktioner, mallsträngar, klasser och destrukturering.
Välj mellan tre minifieringsnivåer som passar dina behov. Förinställningen Säker behåller alla kommentarer och variabelnamn intakta. Förinställningen Rekommenderad tar bort kommentarer och debugger-satser men behåller konsolloggar. Förinställningen Aggressiv aktiverar fullständig namnförkortning, borttagning av död kod och borttagning av konsolloggar för maximal minskning av filstorleken.
All bearbetning sker direkt i webbläsaren med biblioteket Terser - din JavaScript-kod laddas aldrig upp till någon server. Verktyget visar detaljerad komprimeringsstatistik med originalstorlek, minifierad storlek, sparade byte, komprimeringsprocent och minskning av antalet rader. Klistra bara in din kod, välj en förinställning och få optimerad JavaScript direkt.
Viktiga funktioner
- Minifiering med Terser och fullt stöd för ES6+-syntax i JavaScript
- Tre minifieringsförinställningar: komprimeringsnivåerna Säker, Rekommenderad och Aggressiv
- Borttagning av död kod för att eliminera kodvägar som inte kan nås
- Valfri borttagning av console.log och debugger-satser
- Förkortning av variabelnamn i läget Aggressiv för maximal komprimering
- Automatisk minifiering i realtid med fördröjd bearbetning medan du skriver
- Detaljerad komprimeringsstatistik: originalstorlek, minifierad storlek, sparade byte, förhållande och antal rader
- Inbyggd syntaxvalidering med parentes- och hakparentesmatchning
- Stöd för uppladdning av JavaScript-filer (.js) för bearbetning av befintliga skript
- Kopiera till urklipp med ett klick och ladda ned som .js-fil
Så använder du JavaScript-minifieraren
- Välj minifieringsnivå: Välj Säker för grundläggande komprimering, Rekommenderad för balanserad optimering eller Aggressiv för maximal minskning av filstorleken med namnförkortning.
- Ange din JavaScript: Klistra in din JS-kod i textfältet, ladda upp en .js-fil eller klicka på Ladda exempel för att prova en demonstration.
- Vänta på bearbetningen: Verktyget minifierar din kod automatiskt efter en kort fördröjning och visar en bearbetningsindikator under körningen.
- Granska komprimeringsresultatet: Titta på statistikpanelen för att se hur mycket filstorleken minskade, med original- och minifierad storlek, sparade byte och antal rader.
- Kopiera eller ladda ned: Klicka på Kopiera för att kopiera den minifierade JavaScript-koden till urklipp, eller på Ladda ned för att spara den som en .js-fil.
Användningsområden
- Driftsättning i produktion: Minifiera JavaScript före driftsättning för att minska filstorlekarna och förbättra sidans laddningshastighet.
- Prestandaoptimering: Komprimera skript för att förbättra måtten Core Web Vitals, Time to Interactive och First Contentful Paint.
- Minskad bandbredd: Mindre JS-filer sänker hostingkostnaderna och datatrafiken, särskilt för webbplatser med mycket trafik.
- Optimering för mobil: Komprimerad JavaScript laddas snabbare i mobila nät, vilket förbättrar upplevelsen för mobilanvändare.
- Snabb engångsminifiering: Minifiera enskilda skript när du behöver en snabb optimering utanför din byggpipeline.
- Kodgranskning och analys: Använd komprimeringsstatistiken för att bedöma hur stor optimeringspotential din kodbas har.
- Lärande och experiment: Förstå hur minifiering fungerar genom att jämföra resultatet före och efter för olika förinställningsnivåer.
Vanliga frågor
Är verktyget gratis?
Ja, JavaScript-minifieraren är helt gratis att använda, utan begränsningar för filstorlek eller antal minifieringar. Ingen registrering eller något konto krävs.
Är mina data säkra?
All minifiering sker direkt i webbläsaren med biblioteket Terser. Din JavaScript-kod skickas aldrig till någon server, vilket ger fullständig integritet och säkerhet för din källkod.
Vad är skillnaden mellan lägena Säker, Rekommenderad och Aggressiv?
Läget Säker utför grundläggande komprimering och behåller alla kommentarer, konsolloggar och variabelnamn. Rekommenderad tar bort kommentarer och debugger-satser. Aggressiv aktiverar namnförkortning, borttagning av konsolloggar, borttagning av död kod och optimering i flera pass för minsta möjliga resultat.
Kan namnförkortning få min kod att sluta fungera?
Namnförkortning byter namn på lokala variabler till kortare namn, vilket är säkert för de flesta koder. Det kan dock orsaka problem om din kod är beroende av funktions- eller variabelnamn under körning (till exempel via eval eller reflektion). Testa alltid noggrant efter att du har använt läget Aggressiv.
Stöds TypeScript eller JSX?
Verktyget bearbetar standard-JavaScript (ES6+). TypeScript och JSX måste först kompileras till vanlig JavaScript före minifiering. Använd din TypeScript-kompilator eller Babel för att transpilera och klistra sedan in resultatet här.
Tips och bästa praxis
- Behåll alltid källfilerna: Förvara din ursprungliga, ominifierade JavaScript i versionshantering och minifiera bara för produktionsbyggen.
- Generera source maps: Använd source maps i din byggpipeline för att felsöka minifierad kod i webbläsarens utvecklarverktyg.
- Testa efter minifiering: Kör alltid din testsvit mot den minifierade koden, särskilt när du använder läget Aggressiv med namnförkortning.
- Kombinera med servervisad komprimering: Para ihop JavaScript-minifiering med gzip- eller Brotli-komprimering på din webbserver för bästa minskning av filstorleken.
- Börja med Rekommenderad: Den rekommenderade förinställningen ger den bästa balansen mellan säkerhet och komprimering för de flesta projekt.
- Ta bort konsolloggar i produktion: Använd läget Aggressiv för att automatiskt ta bort console.log-satser som inte ska finnas i produktionskod.