---

What is JavaScript Minification?

JavaScript minification removes unnecessary characters from source code — whitespace, comments, newlines, and long variable names — to reduce file size without changing the code's behaviour. Minified JavaScript loads faster because there is less to download, and it's slightly harder to read (though not truly obfuscated). Modern bundlers like webpack, Vite, and esbuild minify JavaScript as part of their production build process. Beautification (the reverse process) takes minified or compressed code and reformats it with readable indentation and spacing, making it possible to read and debug third-party or legacy minified code.

How to Use

1. Paste your JavaScript code into the input box.

2. Click 'Minify' to compress the code (removes whitespace, comments, shortens variables).

3. Or click 'Beautify' to expand and reformat minified or compact code.

4. Copy the result from the output box.

Frequently Asked Questions

What is the difference between minification and obfuscation? Minification reduces file size by removing whitespace and shortening names while keeping the code readable when prettified. Obfuscation deliberately makes code hard to understand by renaming variables to meaningless strings, adding dead code, and encoding string literals. Terser primarily minifies; it doesn't fully obfuscate.

Can minification break my code? Well-written modern JavaScript minifies cleanly. However, code that relies on Function.name, function.toString(), or specific whitespace behavior may behave differently. Always test minified code in your target environment.

Should I minify my CSS and HTML too? Yes — CSS and HTML minification are separate but equally valuable. Use the CSS Minifier and HTML Minifier tools on this site for those file types.

Keywords: javascript minifier, js minifier online, javascript beautifier, js beautifier, minify javascript, uglify js online, terser online, compress javascript, javascript formatter