JavaScript-minifier online: JS, CSS en HTML verkleinen
De minifier verkleint JavaScript, CSS en HTML zonder de werking te veranderen: commentaar en witruimte verdwijnen, lokale JavaScript-namen worden verkort. Het JavaScript-voorbeeld hieronder krimpt bijvoorbeeld van 324 B naar 180 B. Gratis, zonder registratie en je code blijft in je browser.
Gebouwd door Florian Galz
Code verkleind? Met snelle webhosting laadt je pagina nog sneller.
Geminificeerde code
De geminificeerde code verschijnt hier zodra je links iets invoegt.Instellingen
Lokale variabelen en parameters krijgen korte namen. Globale namen blijven behouden, zodat andere scripts ze kunnen blijven vinden.
Maakt expressies korter en verwijdert ongebruikte code. De werking blijft hetzelfde.
Commentaar met /*! … */, @license of @preserve blijft behouden.
Plak links je code of laad het voorbeeld. Het resultaat verschijnt meteen.
Je code blijft in je browser: hij wordt niet geüpload of opgeslagen.
Voorbeeldresultaat
Dit maakt de JavaScript-minifier van je code
Je voert leesbare JavaScript-code in. De tool verwijdert commentaar en witruimte, verkort lokale namen en geeft de code als compacte regel terug, met de grootte ervoor en erna. De waarden hieronder zijn een vast voorbeeld; jouw resultaat hangt af van je code.
Voorbeeld · Standaardinstellingen
Invoer (leesbaar)
// 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));Uitvoer (geminificeerd)
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));- Origineel
- 324 B
- Geminificeerd
- 180 B
- Besparing
- 44,4 %
- Zoveel van het bestand bestond in dit voorbeeld uit commentaar, inspringing en lange namen.
Functies
Kleinere bestanden, dezelfde werking
Wat de minifier verwijdert en wat hij bewust laat staan.
JavaScript met terser
Verwijdert commentaar en witruimte, verkort lokale namen en schrijft expressies compacter. Globale namen blijven behouden; ES-modules worden herkend.
CSS zonder verrassingen
Commentaar, spaties en afsluitende puntkomma's verdwijnen. Waarden, kleuren, eenheden, strings en url() blijven teken voor teken gelijk.
HTML met inline-code
Witruimte naast blokelementen verdwijnt; tussen woorden blijft één spatie staan. style, script en JSON-LD worden mee verkleind.
Grootte ervoor en erna
Besparing in procenten en bytes, plus beide groottes met gzip, zoals een webserver ze verstuurt.
Licentiecommentaar behouden
Commentaar met /*! … */, @license of @preserve blijft desgewenst behouden, voorwaardelijk HTML-commentaar altijd.
Blijft in je browser
Geen upload en geen opslag: de code wordt rechtstreeks op je apparaat verkleind.
Zo werkt het
Zo minificeer je JavaScript, CSS en HTML online
Vier stappen, zonder registratie of installatie.
Stap 1
Taal kiezen
Kies bovenaan JavaScript, CSS of HTML. Bij het wisselen blijft de code voor elke taal bewaard.
Stap 2
Code plakken
Plak je code in het linkerveld, open een bestand tot 2 MB of laad het voorbeeld. Het resultaat verschijnt rechts na een korte pauze tijdens het typen.
Stap 3
Instellingen controleren
Voor JavaScript bepaal je of namen worden verkort en expressies worden geoptimaliseerd. Licentiecommentaar en, bij HTML, ook normaal commentaar kun je behouden.
Stap 4
Resultaat overnemen
Bekijk de besparing met en zonder gzip, kopieer de geminificeerde code of download die als script.min.js, style.min.css of index.min.html.
Meer ontdekken
Meer tools
Tekst online vergelijken (Diff Checker)
Teksten online vergelijken: vergelijk twee teksten, configuratiebestanden of codeversies, bekijk verschillen per regel en per woord en kopieer ze als Unified Diff. Werkt volledig in de browser.
Gebouwd door Dimitri Heissler
JSON-formatter
JSON opmaken, comprimeren en valideren – met syntaxisaccentuering, foutmeldingen en download, volledig in de browser.
Gebouwd door Jakub Martyniak
Regex-tester
Reguliere expressies live testen met de native JavaScript-engine, inclusief markering van treffers, capture groups en vervangmodus, volledig in de browser.
Gebouwd door Jakub Martyniak
XML-formatter en -validator
Valideer, formatteer, minimaliseer en repareer XML automatisch (niet-geëscapete tekens, ontbrekende tags, ontbrekende declaratie) — 100% in de browser, zonder upload.
Gebouwd door Justin Schuessler
Base64-encoder/decoder
Tekst met Base64 coderen en decoderen, inclusief URL-veilige variant en duidelijke foutmeldingen, volledig in de browser.
Gebouwd door Jakub Martyniak
.htaccess-generator en htpasswd-generator
Maak online Apache-.htaccess- en .htpasswd-bestanden: 301-omleidingen, HTTPS, wachtwoordbeveiliging met bcrypt, WordPress-regels, foutpagina's, caching, GZIP en hotlinkbeveiliging. Werkt volledig in de browser.
Gebouwd door Dimitri Heissler
Online SQL-formatter (SQL formatteren en verfraaien)
Formatteer, verfraai en minimaliseer SQL online – voor MySQL, MariaDB en PostgreSQL, met inspringing en hoofdlettergebruik voor sleutelwoorden. Werkt volledig in de browser, zonder upload.
Gebouwd door Luca Stanek
Online HTML- en CSS-formatter (code netjes opmaken)
Formatteer HTML en CSS online met inspringing en nette opmaak, inclusief automatische taalherkenning. Werkt volledig in de browser, zonder upload.
Gebouwd door Luca Stanek
Afbeeldingen comprimeren en verkleinen
Afbeeldingen online comprimeren en verkleinen: JPG, PNG en WebP kleiner maken, een doelbestandsgrootte in KB instellen of converteren, bijvoorbeeld PNG naar JPG. Werkt volledig in de browser.
Gebouwd door Dimitri Heissler
FAQ
Veelgestelde vragen
Korte antwoorden over het minificeren van JavaScript, CSS en HTML met deze tool.
De geminificeerde code en de grootte ervoor en erna. Het JavaScript-voorbeeld op deze pagina krimpt bijvoorbeeld van 324 B naar 180 B. Je ziet ook hoe groot beide versies met gzip-compressie zijn, zoals een webserver ze levert.
Een minifier verkleint code zonder de werking te veranderen: hij verwijdert commentaar, inspringing en regeleinden en verkort lokale variabelenamen. Daardoor laadt het bestand sneller. Deze minifier verwerkt JavaScript, CSS en HTML.
Kies het tabblad CSS en voeg je stylesheet in. De tool verwijdert commentaar, overbodige spaties en de laatste puntkomma van elk blok. Waarden, kleuren en eenheden blijven precies zoals je ze hebt geschreven; commentaar met /*! … */ blijft desgewenst behouden.
Kies het tabblad HTML. Commentaar verdwijnt, witruimte naast blokelementen zoals div of p wordt verwijderd en witruimte tussen woorden en inline-elementen wordt tot één spatie teruggebracht, zodat de pagina er hetzelfde blijft uitzien. pre en textarea blijven ongewijzigd; CSS in style en JavaScript in script worden desgewenst mee verkleind.
Nee. De tool gebruikt terser, dezelfde minifier die veel buildtools gebruiken. Hij verkort alleen lokale namen; globale namen blijven behouden zodat andere scripts ze kunnen blijven vinden. Bij ES-modules met import of export worden ook namen op het hoogste niveau verkort. Als je codeoptimalisatie uitschakelt, wordt de code alleen ingekort en niet herschreven.
Bij een syntaxisfout in JavaScript of een niet-afgesloten commentaar, string of tag toont de tool de locatie met regel en kolom. Met een klik spring je naar die plek in de invoer. Bevat een style- of scriptblok in HTML een fout, dan blijft het ongewijzigd en meldt de tool dit.
Ja, ze vullen elkaar aan: gzip comprimeert herhalingen, terwijl minificeren commentaar verwijdert en namen verkort die gzip niet wegkrijgt. De tool toont je beide groottes met gzip, zodat je ziet hoeveel er voor jouw code daadwerkelijk wordt overgedragen.
Nee. Alles draait in je browser; er wordt niets geüpload of opgeslagen. Je kunt bestanden tot 2 MB openen, zoals .js, .css of .html.
Nog vragen?
Contact opnemen met supportJe website heeft snelle hosting nodig
Geminificeerde code en webhosting van ZAP-Hosting: zo laadt je pagina razendsnel. Met een eigen VPS krijg je meer controle.
Geen installatie. Geen risico. Binnen enkele seconden online.
Op zoek naar meer tools? Alle ontwikkelaarstools bekijken
Voorkeursbron bij Google
