Comprimeer en optimaliseer JavaScript

Webontwikkelaars gebruiken JavaScript-minifier wanneer ze compacte code voorbereiden voor levering of een gecontroleerde vergelijking.

Comprimeer en optimaliseer JavaScript en krijg compacte code voor de volgende stap. Gebruik het gratis rechtstreeks in je browser, zonder account.

Hoe te gebruiken

Plak het script dat je wilt verkleinen in het invoergebied, of laad het bestand rechtstreeks vanaf je computer met de importknop.
Voer de minifier uit: overbodige spaties en regeleinden worden verwijderd, waardoor het bestand kleiner wordt.
Kopieer de compacte versie om die te publiceren, te vergelijken of in een pagina te zetten.
Test het resultaat voordat je het live zet, want compacte code is moeilijk te lezen wanneer er iets misgaat.
Bewaar altijd het originele, beter leesbare bestand voor toekomstig onderhoud.

Voorbeeld

Een typische situatie: je bereidt een klein script voor om in een pagina in te sluiten en wilt de hoeveelheid overgedragen data beperken. Controleer na het minificeren vooral of het script zich nog precies hetzelfde gedraagt door het in de browserconsole uit te voeren.

Limieten en formaten

Minificeren maakt code niet vanzelf sneller; het belangrijkste effect is een kleiner bestand.
Compacte bestanden zijn achteraf zeer moeilijk te lezen, dus bewaar altijd een niet-geminificeerd origineel in je repository.
Een script met syntaxproblemen laat zich misschien niet schoon comprimeren, dus test de versie die je terugkrijgt.
Controleer de uitvoer wanneer je code afhankelijk is van betekenisvolle spaties binnen strings.

Waar de verwerking gebeurt

De compressie gebeurt in je browser op het script dat je aanlevert. Niets wordt naar een derde partij verzonden en niets blijft achter zodra het tabblad is gesloten, wat handig is voor propriëtaire code die je liever niet uploadt.

Veelgestelde vragen

Verwijdert minificeren functies?

Het zou niet moeten veranderen hoe het script zich gedraagt, omdat het op de lay-out van de code werkt. Test de uitvoer toch op een kopie voordat je het bestand vervangt dat je in productie gebruikt, en bewaar een back-up tot je tevreden bent met het resultaat.

Welke bestanden kan ik laden?

De bestandskiezer accepteert onder andere .js-, .mjs-, .cjs-, .ts-, .tsx-, .html-, .css-, .json-, .sql- en .graphql-bestanden, plus platte tekst. Er wordt telkens één bestand verwerkt.

Waarom werkt mijn geminificeerde script niet meer?

Een verkeerd gelezen string of een verkeerd geplaatste puntkomma kan veranderen in compacte code die niet meer werkt. Ga terug naar het origineel, test het script in de browserconsole en herstel het deel dat een fout veroorzaakt.