Code Minifier

Shrink Your Code for Faster Load Times

Every byte matters when it comes to web performance. The HTML, CSS, and JavaScript files that make up a website contain formatting that is essential for human readers but meaningless to browsers. Indentation, line breaks, comments, and extra whitespace make code readable during development but add unnecessary weight to production files. Minification strips all of that out, delivering the same functionality in a smaller package.

This tool handles HTML, CSS, and JavaScript minification in your browser. Paste your source code, see the minified result instantly, and copy it for production use. No build tools to configure, no command line to open, and no files uploaded to any server.

What Minification Actually Does

For CSS, the minifier removes all comments, strips whitespace around selectors and property values, removes the last semicolon in each declaration block, and collapses shorthand properties where possible. A well-formatted stylesheet with generous spacing can easily lose half its byte count.

For JavaScript, the minifier removes comments and whitespace, and optionally renames local variables and function parameters to shorter identifiers. A variable named customerAddress becomes a, saving bytes on every reference. The tool is careful to preserve global names and string literals so the behavior remains identical.

For HTML, the minifier removes comments, collapses whitespace between tags, removes optional closing tags where the HTML specification allows it, and strips unnecessary quotes around attribute values. These changes reduce document size without affecting how the browser constructs the DOM.

When to Use a Browser-Based Minifier

Production build pipelines typically handle minification automatically with tools like Terser, cssnano, and html-minifier. But there are many situations where running a build pipeline is impractical. You might be working on a quick prototype, editing a WordPress template directly, preparing an HTML email, or optimizing a snippet for embedding. In these cases, a browser-based minifier is the fastest path from development code to production-ready output.

Size Comparison at a Glance

The tool displays the original byte count, the minified byte count, and the percentage reduction so you can immediately quantify the improvement. This data is useful for performance reports and for deciding which files benefit most from minification.