How to Minify Your JavaScript

Compress JS by removing comments, whitespace and shortening names — often a 40-60% reduction.

Easy Medium Impact 10 min

Why It Matters

Unminified JavaScript ships comments and long variable names the browser doesn't need, and JS is expensive to download and parse. Minification (and tree-shaking) cuts bytes and speeds up execution.

How to Fix

Build for production

Use your bundler's production build (esbuild, terser, SWC) so JS is minified and dead code removed.

Tree-shake and split

Import only what you use and code-split per route so each page ships less JS.

Code Fix

javascript

Before (broken)

function calculateTotal(price, quantity) {
  // multiply price by quantity
  return price * quantity;
}

After (fixed)

function calculateTotal(t,a){return t*a}

Platform-Specific Instructions

WordPress

Enable "Minify JavaScript" in your caching plugin; test for breakage since some plugin scripts dislike combining.

Next.js

Production builds minify + tree-shake automatically.

Check with our tool

JavaScript Minifier

Want to find all issues at once?

Run a free audit and get a prioritized fix list with auto-generated code.

Run a free audit