HTML Minifier

Key features

• A linear-scan tokenizer protects the raw payload of <pre>, <textarea>, <script> and <style> blocks — their content is copied through byte-for-byte.
• Comments are removed on request, but conditional comments (<!--[if …]-->) are always preserved so legacy Outlook and IE hacks keep working.
• Whitespace between tags collapses to nothing and runs inside text collapse to one space; quoted attribute values are never touched.
• Live stats: original size, minified size, bytes saved and the saving percentage, all computed from actual UTF-8 byte lengths.
• Live processing with a short debounce — paste, tweak, and watch the savings update without pressing a button.

How it works

1. 1

   Paste your HTML

   A full document or a fragment both work. The <!doctype> declaration is preserved as-is.

2. 2

   Choose your aggressiveness

   Toggle comment removal and whitespace collapsing. When in doubt, run with both on and inspect the <pre> and script areas in the preview — they will be identical to the input.

3. 3

   Copy or download

   Grab the minified markup for your template or save it as minified.html. The stats tiles quantify exactly what you gained.

Tips for better results

• 💡Whitespace removal is conservative by design: text nodes that sit between two tags are removed, while text runs around actual words keep single spaces — readable source stays readable.
• 💡Inline scripts are left completely intact (including their comments) because JavaScript depends on newlines for automatic semicolon insertion.
• 💡For the smallest possible pages, minify CSS and JavaScript separately with their dedicated tools before embedding the results.

Frequently asked questions