HTML Minifier

What is html minifier?

HTML pages often include indentation, line breaks and comments. Removing them reduces the bytes sent to visitors, which helps load times on slow connections.

This tool keeps the content of pre, textarea, script and style tags exactly as it is, so code blocks and scripts do not break.

How to use the html minifier

1. Paste your HTML.
2. Press Minify.
3. Copy the result and test it in a browser.

How the html minifier works

Comments are removed, except conditional comments. Whitespace between tags is removed and runs of spaces are collapsed into one. Protected tags are set aside first and restored afterwards.

Worked example

Common uses of the html minifier

• Reducing the size of an email template or landing page.
• Preparing static HTML for production.
• Checking potential savings before using a build tool.
• Cleaning up exported HTML from a page builder.
• Making snippets smaller for embedding.

Tips and common mistakes

Whitespace between inline elements can matter. If words run together after minifying, put a space back.

Minify only for production. Keep readable source files in your project.

Background: what to know before you rely on it

HTML minification gives smaller gains than image or script optimization, but it is cheap and low risk. Where it matters most is on pages with large amounts of markup or repeated layout. The real win comes from combining it with compression on the server and caching. Be cautious with inline elements, because browsers treat a space between two inline elements as a visible space, and removing it can join words. Also watch for whitespace sensitive content such as pre blocks. Modern frameworks and static site generators usually minify automatically, so use this tool for hand written pages and quick checks.

Private, free and fast

This tool runs entirely in your browser. What you type or choose is not uploaded to a server and is not saved after you close the page, which keeps it fast and private. It is free to use as often as you like. See more in all developer tools, or browse the full list of tools.

Related tools

Results are for information and education. For legal, financial, medical or security decisions, check with a qualified professional. Do not paste live secrets into any website.