Sign in

JavaScript Minifier

Note

Basic whitespace and comment removal only. Variable renaming and dead-code elimination require a full bundler (e.g. Terser, esbuild).

Pro Features
Tree-shaking hintsVariable renaming

Related Tools

CSS Minifier

Minify CSS stylesheets by removing comments, whitespace, and redundant code to reduce file size.

HTML Minifier

Minify HTML by removing comments, collapsing whitespace, and stripping optional tags.

Code Beautifier

Beautify and format JavaScript, CSS, HTML, and more with customizable indent settings.

JSON Formatter

Format, prettify, and validate JSON data with syntax highlighting and error detection.

Diff Viewer

View side-by-side code diffs with syntax highlighting for any programming language.

About JavaScript Minifier

JavaScript Minifier reduces the size of your JavaScript code by removing whitespace, comments, and unnecessary syntax while optionally shortening variable names. It is specifically tuned for JavaScript and TypeScript, applying optimizations that generic minifiers miss. Front-end developers and performance engineers use it to shrink bundle sizes, speed up page loads, and reduce bandwidth consumption.

Key Features

  • Removes all comments including JSDoc, inline, and block comments
  • Strips unnecessary whitespace, newlines, and trailing semicolons
  • Shortens local variable and function parameter names safely
  • Optimizes boolean expressions and removes dead code branches where possible
  • Shows original versus minified file size with percentage reduction
  • Supports modern JavaScript syntax including ES2024 features, arrow functions, and optional chaining

How to Use JavaScript Minifier

  1. 1

    Paste your JavaScript code

    Copy the JavaScript source code you want to compress from your editor, build output, or script file into the input area.

  2. 2

    Configure minification options

    Choose whether to enable variable name mangling, dead code removal, and other optimization options based on your needs.

  3. 3

    Click Minify

    Press the Minify button to produce the smallest possible JavaScript output while preserving functionality.

  4. 4

    Review size savings

    Check the displayed before and after sizes to see the compression ratio achieved by the minification.

  5. 5

    Copy and deploy

    Copy the minified JavaScript for use in your production HTML, CDN upload, or build pipeline output.

Common Use Cases

Production Build Optimization

Minify JavaScript files before deploying to production to achieve the smallest possible bundle size and fastest download times for users.

Inline Script Compression

Compress JavaScript that will be inlined in HTML script tags, where every byte matters for first-paint performance and critical rendering path optimization.

Third-Party Script Reduction

Minify custom JavaScript that supplements third-party libraries to keep your overall page weight minimal and improve Lighthouse performance scores.

Serverless Function Size Limits

Reduce JavaScript bundle sizes for serverless platforms like AWS Lambda or Cloudflare Workers, where deployment package size limits apply.

Why Use Our JavaScript Minifier

Purpose-built for JavaScript, this minifier applies optimizations like safe variable mangling and dead-code removal that generic code compressors cannot perform. It supports ES2024 syntax including optional chaining and nullish coalescing, so modern codebases compress without errors. Ideal for quick one-off minification when you do not want to configure a full bundler.

Minify Proprietary Scripts Privately

JavaScript source code can contain business logic, internal API endpoints, and authentication flows that competitors should never see. This minifier runs entirely in your browser, so your scripts are never uploaded or processed on a remote server. Compress proprietary code with complete confidence.

Frequently Asked Questions

What is the difference between minification and compression?
Minification removes unnecessary characters from the source code itself (whitespace, comments, long variable names). Compression (like gzip or Brotli) is applied at the network layer to reduce transfer size. For best results, use both: minify first, then serve with compression enabled.
Will mangling variable names break my code?
Mangling only renames local variables and function parameters that are not accessible from outside their scope. Exported functions, global variables, and property names are left unchanged. However, if your code relies on variable name strings (like eval), mangling could cause issues.
Can I minify TypeScript with this tool?
This tool minifies JavaScript. TypeScript must first be compiled to JavaScript using the TypeScript compiler (tsc) or a bundler, and then the resulting JavaScript can be minified. The tool supports all modern JavaScript syntax that TypeScript compiles to.

Last updated: April 6, 2026