JavaScript-minifierare online: minska storleken på JS, CSS och HTML
Minifieraren gör JavaScript, CSS och HTML mindre utan att ändra funktionen: kommentarer och blanksteg tas bort och lokala JavaScript-namn förkortas. JavaScript-exemplet nedan krymper till exempel från 324 B till 180 B. Gratis, utan inloggning – din kod stannar i din webbläsare.
Byggd av Florian Galz
Mindre kod? Med snabbt webbhotell laddar din sida ännu snabbare.
Minifierad kod
Den minifierade koden visas här när du klistrar in något till vänster.Inställningar
Lokala variabler och parametrar får korta namn. Globala namn behålls så att andra skript fortfarande kan hitta dem.
Förkortar uttryck och tar bort död kod. Kodens funktion förblir densamma.
Kommentarer med /*! … */, @license eller @preserve behålls.
Klistra in din kod till vänster eller ladda exemplet. Resultatet visas direkt.
Din kod stannar i din webbläsare: den varken laddas upp eller sparas.
Exempelresultat
Så här omvandlar JavaScript-minifieraren din kod
Du klistrar in läsbar JavaScript-kod. Verktyget tar bort kommentarer och blanksteg, förkortar lokala namn och ger dig koden på en kompakt rad samt storleken före och efter. Värdena nedan är ett fast exempel; ditt resultat beror på din kod.
Exempel · Standardinställningar
Indata (läsbar)
// Warenkorb-Summe berechnenfunction calculateTotal(items, taxRate) { let subtotal = 0; for (const item of items) { subtotal += item.price * item.quantity; } const tax = subtotal * taxRate; return Math.round((subtotal + tax) * 100) / 100;} console.log(calculateTotal([{ price: 4.99, quantity: 2 }], 0.19));Utdata (minifierad)
function calculateTotal(t,o){let c=0;for(const o of t)c+=o.price*o.quantity;const a=c*o;return Math.round(100*(c+a))/100}console.log(calculateTotal([{price:4.99,quantity:2}],.19));- Original
- 324 B
- Minifierad
- 180 B
- Besparing
- 44,4 %
- Så stor del av filen utgjordes i det här exemplet av kommentarer, indrag och långa namn.
Funktioner
Mindre filer, samma funktion
Vad minifieraren tar bort och vad den medvetet behåller.
JavaScript med terser
Tar bort kommentarer och blanksteg, förkortar lokala namn och skriver uttryck kortare. Globala namn behålls och ES-moduler identifieras.
CSS utan överraskningar
Kommentarer, blanksteg och avslutande semikolon tas bort. Värden, färger, enheter, strängar och url() förblir exakt likadana.
HTML med inbäddad kod
Blanksteg intill blockelement tas bort, medan ett blanksteg behålls mellan ord. style, script och JSON-LD minifieras också.
Storlek före och efter
Besparing i procent och byte, samt båda storlekarna med gzip, så som en webbserver överför dem.
Behåll licenskommentarer
Kommentarer med /*! … */, @license eller @preserve kan behållas om du vill. Villkorliga HTML-kommentarer behålls alltid.
Stannar i din webbläsare
Ingen uppladdning eller lagring: koden minifieras direkt på din enhet.
Så fungerar det
Så minifierar du JavaScript, CSS och HTML online
Fyra steg, utan inloggning eller installation.
Steg 1
Välj språk
Välj JavaScript, CSS eller HTML högst upp. Koden för varje språk sparas när du växlar.
Steg 2
Klistra in kod
Klistra in din kod i fältet till vänster, öppna en fil på upp till 2 MB eller ladda exemplet. Resultatet visas till höger efter en kort paus i skrivandet.
Steg 3
Kontrollera inställningar
För JavaScript väljer du om namn ska förkortas och uttryck optimeras. Du kan behålla licenskommentarer och, för HTML, även vanliga kommentarer.
Steg 4
Tillämpa resultat
Se besparingen med och utan gzip, kopiera den minifierade koden eller ladda ner den som script.min.js, style.min.css eller index.min.html.
Upptäck mer
Fler verktyg
Jämför texter online (Diff Checker)
Jämför texter online: Jämför två texter, konfigurationsfiler eller kodversioner, se skillnader rad för rad och ord för ord och kopiera dem som Unified Diff. Körs helt i webbläsaren.
Byggd av Dimitri Heissler
JSON-formaterare
Formatera, minifiera och validera JSON – med syntaxmarkering, felmeddelanden och nedladdning, helt i webbläsaren.
Byggd av Jakub Martyniak
Regex-testare
Testa reguljära uttryck direkt mot den inbyggda JavaScript-motorn – med markering av träffar, capture-grupper och ersättningsläge, helt i webbläsaren.
Byggd av Jakub Martyniak
XML-formaterare och validator
Validera, formatera, minimera och reparera XML automatiskt (icke-escapade tecken, saknade taggar, saknad deklaration) – 100 % i webbläsaren, utan uppladdning.
Byggd av Justin Schuessler
Base64-kodare/-avkodare
Koda och avkoda text med Base64 – inklusive en URL-säker variant och tydliga felmeddelanden, helt i webbläsaren.
Byggd av Jakub Martyniak
.htaccess-generator och htpasswd-generator
Skapa Apache-.htaccess och .htpasswd online: 301-omdirigeringar, HTTPS, lösenordsskydd med bcrypt, WordPress-regler, felsidor, cachning, GZIP och hotlinkskydd. Körs helt i webbläsaren.
Byggd av Dimitri Heissler
SQL-formaterare online (formatera och snygga till SQL)
Formatera, snygga till och minimera SQL online – för MySQL, MariaDB och PostgreSQL, med indrag och valfri skiftlägesstil för nyckelord. Körs helt i webbläsaren, utan uppladdning.
Byggd av Luca Stanek
HTML- och CSS-formaterare online (snygga till koden)
Formatera, gör indrag och snygga till HTML och CSS online – med automatisk språkidentifiering. Körs helt i webbläsaren, utan uppladdning.
Byggd av Luca Stanek
Komprimera och förminska bilder
Komprimera och förminska bilder online: minska storleken på JPG, PNG och WebP, ange en målfilstorlek i KB eller konvertera, till exempel PNG till JPG. Allt sker i webbläsaren.
Byggd av Dimitri Heissler
FAQ
Vanliga frågor
Korta svar om att minifiera JavaScript, CSS och HTML med det här verktyget.
Den minifierade koden och storleken före och efter. JavaScript-exemplet på den här sidan krymper till exempel från 324 B till 180 B. Du ser också hur stora båda versionerna skulle vara med gzip-komprimering, så som de levereras av en webbserver.
En minifierare gör koden mindre utan att ändra dess funktion: den tar bort kommentarer, indrag och radbrytningar och förkortar lokala variabelnamn. Då laddas filen snabbare. Den här minifieraren hanterar JavaScript, CSS och HTML.
Välj fliken CSS och klistra in din stilmall. Verktyget tar bort kommentarer, överflödiga blanksteg och det sista semikolonet i varje block. Värden, färger och enheter förblir precis som du skrev dem. Kommentarer med /*! … */ kan behållas om du vill.
Välj fliken HTML. Kommentarer tas bort, blanksteg intill blockelement som div eller p försvinner och blanksteg mellan ord och inline-element kortas till ett, så att sidan ser likadan ut. pre och textarea lämnas oförändrade. Om du vill minifieras även CSS i style och JavaScript i script.
Nej. Verktyget använder terser, samma minifierare som många byggverktyg använder. Det förkortar bara lokala namn; globala namn behålls så att andra skript fortfarande kan hitta dem. I ES-moduler med import eller export förkortas även namn på toppnivå. Om du stänger av kodoptimering förkortas koden bara, utan att skrivas om.
Om JavaScript-koden innehåller ett syntaxfel eller en kommentar, sträng eller tagg som inte avslutats visar verktyget var felet finns, med rad och kolumn. Ett klick tar dig till platsen i inmatningsfältet. Om ett style- eller script-block i HTML innehåller ett fel lämnas det oförändrat och verktyget meddelar dig.
Ja, de kompletterar varandra: gzip komprimerar upprepningar, medan minifiering tar bort kommentarer och förkortar namn som gzip inte får bort. Verktyget visar båda storlekarna med gzip, så att du ser hur mycket data som faktiskt överförs för din kod.
Nej. Allt sker i din webbläsare, utan uppladdning eller lagring. Du kan öppna filer på upp till 2 MB, till exempel .js, .css eller .html.
Fler frågor?
Kontakta supportenDin webbplats behöver ett snabbt webbhotell
Minifierad JavaScript-, CSS- eller HTML-kod och ZAP-Hostings webbhotell gör att din sida laddar på nolltid. En egen VPS ger dig mer kontroll.
Ingen konfigurering. Ingen risk. Online på några sekunder.
Letar du efter fler verktyg? Visa alla utvecklarverktyg
Föredragen källa hos Google
