JavaScript verkleinen
Verklein en comprimeer JavaScript-code
JavaScript-invoer
Verwijdert opmerkingen en debugger-instructies, behoudt console-logs.
Werkt in uw browser. Uw code blijft op dit apparaat.
Fouten en waarschuwingen
Tips voor het verkleinen van JavaScript
- Test uw verkleinde JavaScript voordat u het implementeert.
- Bewaar de originele bronbestanden voor het debuggen.
- Wees voorzichtig met het inkorten van namen als uw code afhankelijk is van functie- of klassenamen.
- Combineer verkleinen met gzip- of Brotli-compressie.
- Gebruik buildtools om het verkleinen in productie te automatiseren.
Verkleinde JavaScript
Compressieresultaten
- Oorspronkelijke grootte
- —
- Verkleinde grootte
- —
- Bespaarde bytes
- —
- Compressie
- —
- Regels
- —
Voor en na
Voor
—
Na
—
Over de tool JavaScript verkleinen
Onze gratis online JavaScript-minifier comprimeert uw JS-code door witruimte, opmerkingen en overbodige tekens te verwijderen, voor de kleinst mogelijke uitvoer. Dankzij Terser, de standaard compressie-engine voor JavaScript, verwerkt deze tool moderne ES6+-syntaxis, waaronder arrow functions, template literals, klassen, destructuring en meer.
Kies uit drie verkleiningsniveaus wat het best bij u past. De voorinstelling Veilig laat alle opmerkingen en variabelenamen intact. De voorinstelling Aanbevolen verwijdert opmerkingen en debugger-instructies en behoudt console-logs. De voorinstelling Agressief schakelt het volledig verkorten van namen, het verwijderen van dode code en het verwijderen van console-logs in voor de maximale verkleining van het bestand.
Alle verwerking gebeurt rechtstreeks in uw browser met de Terser-bibliotheek: uw JavaScript-code wordt nooit naar een server geüpload. De tool geeft gedetailleerde compressiestatistieken met de oorspronkelijke grootte, de verkleinde grootte, bespaarde bytes, het compressiepercentage en het verschil in aantal regels. Plak uw code, kies een voorinstelling en ontvang direct geoptimaliseerd JavaScript.
Belangrijkste functies
- Verkleinen met Terser, met volledige ondersteuning voor ES6+-JavaScript-syntaxis
- Drie minificatievoorinstellingen: compressieniveaus Veilig, Aanbevolen en Agressief
- Verwijderen van dode code om onbereikbare codepaden weg te halen
- Optioneel verwijderen van console.log- en debugger-instructies
- Variabelenamen verkorten in de modus Agressief voor maximale compressie
- Automatisch verkleinen in realtime met vertraagde verwerking terwijl u typt
- Gedetailleerde compressiestatistieken: oorspronkelijke grootte, verkleinde grootte, bespaarde bytes, verhouding en aantal regels
- Ingebouwde syntaxiscontrole met controle op haakjes
- Upload van JavaScript-bestanden (.js) om bestaande scripts te verwerken
- Met één klik naar het klembord kopiëren en downloaden als .js-bestand
JavaScript verkleinen gebruiken
- Kies een verkleiningsniveau: Kies Veilig voor basiscompressie, Aanbevolen voor een evenwichtige optimalisatie of Agressief voor de maximale verkleining van het bestand met verkorte namen.
- Voer uw JavaScript in: Plak uw JS-code in het tekstvak, upload een .js-bestand of klik op Voorbeeld laden om een demonstratie te proberen.
- Wacht op de verwerking: De tool verkleint uw code automatisch na een korte vertraging en toont een voortgangsindicator tijdens het compileren.
- Bekijk de compressieresultaten: Controleer in het statistiekenpaneel hoeveel de bestandsgrootte is afgenomen, inclusief de oorspronkelijke en verkleinde grootte, bespaarde bytes en het aantal regels.
- Kopiëren of downloaden: Klik op Kopiëren om het verkleinde JavaScript naar uw klembord te kopiëren, of gebruik Downloaden om het op te slaan als .js-bestand.
Toepassingen
- Uitrol naar productie: Verklein JavaScript vóór de uitrol om bestanden kleiner te maken en de laadsnelheid van pagina's te verbeteren.
- Prestaties optimaliseren: Comprimeer scripts om de meetwaarden Core Web Vitals, Time to Interactive en First Contentful Paint te verbeteren.
- Minder bandbreedte: Kleinere JS-bestanden verlagen hostingkosten en dataverkeer, vooral bij websites met veel bezoekers.
- Optimalisatie voor mobiel: Gecomprimeerd JavaScript laadt sneller op mobiele netwerken, wat de ervaring voor mobiele gebruikers verbetert.
- Snel eenmalig verkleinen: Verklein losse scripts wanneer u snel iets wilt optimaliseren buiten uw buildpipeline.
- Codebeoordeling en analyse: Gebruik de compressiestatistieken om in te schatten hoeveel optimalisatiemogelijkheden uw codebase heeft.
- Leren en experimenteren: Begrijp hoe verkleinen werkt door de uitvoer van vóór en na te vergelijken met verschillende voorinstellingen.
Veelgestelde vragen
Is deze tool gratis?
Ja, JavaScript verkleinen is volledig gratis te gebruiken, zonder limiet op bestandsgrootte of aantal keren verkleinen. Registratie of een account is niet nodig.
Zijn mijn gegevens veilig?
Al het verkleinen gebeurt rechtstreeks in uw browser met de Terser-bibliotheek. Uw JavaScript-code wordt nooit naar een server gestuurd, zodat uw broncode volledig privé en veilig blijft.
Wat is het verschil tussen de modi Veilig, Aanbevolen en Agressief?
De modus Veilig voert basiscompressie uit en laat alle opmerkingen, console-logs en variabelenamen staan. Aanbevolen verwijdert opmerkingen en debugger-instructies. Agressief schakelt het verkorten van namen, het verwijderen van console-logs, het verwijderen van dode code en optimalisatie in meerdere doorgangen in voor de kleinste uitvoer.
Maakt het verkorten van namen mijn code kapot?
Bij het verkorten van namen krijgen lokale variabelen kortere namen, wat voor de meeste code veilig is. Het kan echter problemen geven als uw code tijdens het uitvoeren afhankelijk is van namen van functies of variabelen (bijvoorbeeld via eval of reflectie). Test altijd grondig na gebruik van de modus Agressief.
Ondersteunt dit TypeScript of JSX?
Deze tool verwerkt standaard JavaScript (ES6+). TypeScript en JSX moeten eerst naar gewoon JavaScript worden gecompileerd voordat u ze verkleint. Gebruik uw TypeScript-compiler of Babel om te transpileren en plak de uitvoer daarna hier.
Tips & best practices
- Bewaar altijd de bronbestanden: Bewaar uw oorspronkelijke, niet-verkleinde JavaScript in versiebeheer en verklein alleen voor productiebuilds.
- Genereer source maps: Gebruik source maps in uw buildpipeline om verkleinde code te debuggen in de ontwikkelaarstools van de browser.
- Test na het verkleinen: Voer uw testsuite altijd uit op verkleinde code, vooral bij de modus Agressief met het verkorten van namen.
- Combineer met servercompressie: Combineer het verkleinen van JavaScript met gzip- of Brotli-compressie op uw webserver voor de grootste verkleining van bestanden.
- Begin met Aanbevolen: De preset Aanbevolen biedt voor de meeste projecten de beste balans tussen veiligheid en compressie.
- Verwijder console-logs in productie: Gebruik de modus Agressief om console.log-instructies die niet in productiecode thuishoren automatisch te verwijderen.