Skip to content

JavaScript Minifier

Compress and optimize JavaScript source code by removing comments, reducing whitespaces, and streamlining boolean values safely client-side.

Updated

What is the JavaScript Minifier?

This client-side JavaScript minifier removes selected comments and whitespace and offers optional code transformations. Smaller output may reduce transfer size, but the effect on load performance depends on the page and delivery setup. Review and test minified output before use. Its displayed compressed-size figure is an estimate, not a prediction of the exact Gzip or Brotli transfer size.

How it works

Minifying source files requires structured syntax execution loops rather than blunt string substitutions to avoid breaking programmatic references. Our tool implements a 100% client-side compilation model that applies optimization rules in sequential phases:

1. The Tokenization Scan (Lexical Analysis)

The raw input string undergoes sequential character analysis to categorize active programmatic segments. Rather than using simple global regular expressions, a strict tokenization state machine maps content boundaries into distinct types:

  • Literal Code blocks (Functions, definitions, keywords)
  • String Contexts (Single quotes, double quotes, and ES6 backtick templates)
  • Regex literals (Forward-slash encapsulated patterns)
  • Comments (Single line // and block-level multi-line /* */)

By locking strings and regular expressions into immune token boundaries, the optimizer guarantees that text inside your alerts, logs, and regex patterns is never accidentally modified or stripped away.

2. Comment Filtering and Rule Sweeping

Depending on your chosen preset settings (Basic vs. Aggressive), the program filters the token array:

  • License Preservation: Retains necessary open-source notifications or standard copyright header layouts if requested.
  • Diagnostic Stripping: Discovers and purges diagnostic references like console.log() statements or explicit line debugger assertions to compress production weight.

3. Structural Minification and Compression

Once token contexts are filtered, the code structures undergo granular code-reduction rules:

  • Whitespace Removal: Erases sequential spacing blocks, line breaks, indentation tabs, and trailing carriage returns.
  • Operator Pruning: Condenses padding around algebraic, assignments, and structural characters (e.g., x = y + 5; scales directly down to x=y+5).
  • Boolean Shorthand: Transforms verbose true and false literals into optimized primitive byte sizes like !0 and !1 dynamically where safe.

4. Gzip Deflate Size Approximation

The statistics generator estimates compressed size using a simplified client-side model. Actual Gzip or Brotli output depends on the compressor and its settings.

Examples

Basic Function Minification

Eliminates interior whitespace, preserves console logs, and compacts function signatures and bodies.

function greetUser(username) {
  console.log("Greeting initialized");
  const message = "Hello, " + username;
  return message;
}
 
function greetUser(username){console.log("Greeting initialized");const message="Hello, "+username;return message;}

Object Literal Formatting

Collapses object literal spacing while preserving boolean values in Standard mode.

let settings = {
  debugMode: true,
  cacheEnabled: false
};
 
let settings={debugMode:true,cacheEnabled:false};

Frequently asked questions

What is a JavaScript Minifier?

A JavaScript minifier is an optimization utility that compresses source files by removing non-functional components such as spaces, line wraps, tabs, and commentary blocks. It results in compact code files that execute exactly like the original source but carry a fraction of the data footprint.

Will using this minifier break my modern ES6+ template literals or arrow functions?

The tool uses a character-level tokenizer to handle common JavaScript syntax, but it is not a full parser. Test the output with your application and build tools before using it.

What is the difference between JavaScript minification and obfuscation?

Minification concentrates entirely on reducing file footprint sizes and removing unnecessary whitespaces while leaving variable architecture readable and intact. Obfuscation intentionally scrambles logic parameters, renames structures into random configurations, and injects dummy patterns to prevent code reverse-engineering. This tool performs clean minification for peak web speed and production performance.

Is my proprietary source code securely processed?

Yes, completely. This application functions 100% client-side within your local browser sandbox context. Your scripts are never transmitted over network protocols, sent to third-party databases, or stored on external servers. You can safely optimize code files without any corporate compliance risks.

What does the "Preserve Licenses" option do?

When checked, this option detects multi-line blocks starting with indicators like /*!, @license, or specific string copyrights and retains them at the top of the minified asset output file. This ensures your deployment remains fully compliant with open-source legal requirements (e.g., MIT, Apache 2.0).

What is the Gzip size estimate dashboard indicator?

The displayed Gzip size is a rough estimate. Actual transfer size varies with the compression algorithm, implementation, and settings used by your server or CDN.

Related tools

More utilities you might find handy.

Developer

.env File Generator

Generate .env files from key-value pairs with configurable quoting; verify the output with the parser used by your application.
Developer

.htaccess Redirect Builder

Generate Apache .htaccess rules for common redirects, HTTPS enforcement, and canonical URL routing; review and test before deployment.
Developer

ASCII Converter – Text to ASCII, Hex, Binary & Back

Convert text to ASCII codes and decode back in decimal, hex, binary, or octal — live, private, and 100% browser-based.