JS/CSS-minifier

Free

Verkleint JavaScript of CSS door witruimte en commentaar te verwijderen, met optionele inkorting van variabelenamen voor JavaScript, en grootte-statistieken voor/na.

Invoer

Variabelenamen inkorten (mangle)

Geminimaliseerde uitvoer

Over deze tool

Verwijdert witruimte, commentaar en onnodige tekens om de bestandsgrootte van JavaScript of CSS te verkleinen.
Formatteert niet. Gebruik voor leesbare, ingesprongen uitvoer een speciale formatter.

Recente Activiteit

Zichtbaar voor iedereen. Laatste 20 gebruiken over alle bezoekers, nieuwste eerst.

Minified 113 characters of CSS

19 uur geleden

Minified 127 characters of JavaScript

19 uur geleden

Minified 127 characters of JavaScript

19 uur geleden

Opmerkingen (0)

Vond je deze tool nuttig? Laat een opmerking achter, deel een tip, of vertel ons hoe we het beter kunnen maken.

Nog geen opmerkingen. Wees de eerste om je gedachten te delen!

Wat deze tool doet

Plak leesbare JavaScript of CSS en deze tool verkleint het door witruimte en commentaar te verwijderen en (voor JavaScript, optioneel) lokale variabelenamen in te korten, waardoor een kleiner bestand met identiek gedrag ontstaat.

Hoe Het Werkt

De tool ontleedt uw code in een abstracte syntaxisboom met behulp van de opensource terser-engine voor JavaScript en clean-css voor CSS, en genereert vervolgens de meest compacte equivalente broncode uit die boom: door commentaar en onnodige witruimte te verwijderen, numerieke en kleurwaarden in te korten waar dit veilig is, en, voor JavaScript met mangling ingeschakeld, lokale identifiers te hernoemen naar de kortst beschikbare namen. Omdat de transformatie werkt op de ontlede structuur in plaats van op ruwe tekst, gedraagt de resulterende code zich identiek aan het origineel.

Problemen die het oplost

De bestandsgrootte van JavaScript of CSS verkleinen om het laden van de pagina te versnellen, vooral vóór een handmatige deploy zonder buildpijplijn.
Snel een productieklare bundel maken van één enkel script of stylesheet zonder een volledige buildtool op te zetten.
Precies zien hoeveel kleiner een bestand wordt, met een exacte vergelijking van de grootte voor/na.

Veelgestelde vragen

›Formatteert of verfraait deze tool ook code?

Nee, deze tool minimaliseert (verkleint) code alleen door witruimte en commentaar te verwijderen. Als u in plaats daarvan leesbare, correct ingesprongen code nodig heeft, gebruik dan een speciale formatter-tool.

›Wat betekent "mangle" voor JavaScript?

Mangling hernoemt lokale variabelen en functieparameters naar korte namen zoals "a" of "b" waar dit veilig kan, wat extra bytes bespaart naast het verwijderen van witruimte. Het hernoemt nooit globaal toegankelijke namen, waardoor het geen code breekt die afhankelijk is van specifieke globale identifiers.

›Is geminimaliseerde code veilig om in productie te gebruiken?

Ja, minimaliseren verandert alleen witruimte, commentaar en (optioneel) lokale variabelenamen. De logica en het gedrag van de code blijven exact behouden, en daarom zijn geminimaliseerde JavaScript en CSS standaardpraktijk op productiewebsites.

›Waarom is minimaliseren mislukt met een foutmelding?

Minifiers hebben geldige, verwerkbare JavaScript of CSS nodig. Als uw invoer een syntaxisfout bevat, kan de minifier er geen correcte interne representatie van opbouwen. Controleer de code in een linter of browserconsole om het exacte probleem te vinden, los het op en probeer het opnieuw.

›Moet ik een niet-geminimaliseerde kopie van mijn code bewaren?

Ja. Bewaar altijd uw originele, leesbare broncode als de versie die u bewerkt en onderhoudt, en genereer de geminimaliseerde versie als een buildstap. Behandel geminimaliseerde uitvoer als een wegwerpproduct, niet als een bestand om handmatig te bewerken.

Rendert Markdown als live, opgeschoonde HTML naast de bron, met een schakelaar om de gegenereerde HTML te bekijken en te kopiëren.