handyman
Hazuu Tools

HTML Minifier

Compress your HTML by removing whitespace, comments, and unnecessary characters instantly.

Input HTML
Minified Output
Minified output will appear here...
info

About HTML Minifier

HTML Minifier is a free online tool that compresses HTML source code by removing characters the browser does not need: whitespace between tags, HTML comments, and optional closing tags such as </li> and </p>. The result is a smaller file that the browser parses and renders identically to the original, but downloads faster.

Web performance guidelines recommend serving minified HTML in production to reduce Time to First Byte and overall page weight. This tool is built for front-end developers, site owners, and build-pipeline engineers who need to spot-check or manually minify a template, a CMS output, or an email layout without installing a build tool. Three independent toggle options let you control exactly what is removed, so you can apply conservative settings for sensitive markup or maximum compression for straightforward pages.

Every minification runs entirely in your browser using JavaScript. Your HTML is never uploaded or sent to any server, so production templates, internal tools, and client code stay private on your machine. There are no usage limits, no account required, and no cost.

star

Key Features

check_circle

Three independent compression options

Toggle comment removal, whitespace collapsing, and optional-tag stripping separately so you apply only the transformations your markup can safely absorb.

check_circle

Live size savings readout

After each minification the tool shows original character count, minified character count, and exact percentage saved so you can evaluate the trade-off at a glance.

check_circle

File upload and download

Load an .html or .htm file directly from disk and download the compressed result as minified.html — no copy-paste required for larger templates.

check_circle

100% client-side processing

All compression logic runs locally in your browser. Your source code is never transmitted to a server, making this safe for private templates and unreleased projects.

check_circle

Preserves conditional comments

IE conditional comments (<!--[if ...]>) are intentionally kept intact even when comment removal is on, avoiding accidental breakage of legacy compatibility markup.

check_circle

No build tooling required

Useful for one-off compressions, auditing a vendor template, or learning how much a build step actually saves — without configuring Webpack, Gulp, or any other pipeline.

help

How to Use

01

Paste Your HTML

Copy your HTML code and paste it into the input editor on the left.

02

Configure & Minify

Toggle minification options (comments, whitespace, optional tags) and click "Minify" to compress.

03

Copy the Result

Review the size savings, then copy the minified HTML or download it as a file.

code_blocks

Example

Comments and inter-tag whitespace are stripped while the actual markup and text content are preserved exactly.

Original HTML
<!-- Navigation -->
<nav class="main-nav">
  <ul>
    <li><a href="/">Home</a></li>
    <li><a href="/about">About</a></li>
  </ul>
</nav>

<!-- Hero -->
<section class="hero">
  <h1>Welcome</h1>
  <p>Build something great.</p>
</section>
Minified HTML
<nav class="main-nav"><ul><li><a href="/">Home</a><li><a href="/about">About</a></ul></nav><section class="hero"><h1>Welcome</h1><p>Build something great.</section>
lightbulb

Common Use Cases

  • arrow_circle_right

    Reducing HTML payload in production deploys

    Before deploying a static site or server-rendered app, run templates through the minifier to cut file size and lower the bytes transferred per page view — particularly valuable for high-traffic pages.

  • arrow_circle_right

    Auditing how much your build tool actually saves

    Paste a pre-build and post-build template to see side-by-side size numbers. This helps verify that your Webpack or Vite HTML plugin is working and quantifies the exact saving without digging into build logs.

  • arrow_circle_right

    Compressing HTML email templates

    Email clients do not run build pipelines. Hand-minify a Mailchimp or Klaviyo template before uploading it to shave bytes and avoid hitting size limits that truncate messages in Gmail.

  • arrow_circle_right

    Preparing HTML snippets for inline embedding

    Widgets, chat embeds, and third-party scripts often include an HTML snippet that must be inlined into a page. Minifying first removes developer comments and formatting before the snippet goes into production.

  • arrow_circle_right

    Learning what HTML comments and whitespace cost

    Developers new to performance optimization can paste a sample page, toggle each option individually, and see exactly how many bytes comments vs. whitespace vs. optional tags contribute to the total size.

quiz

Frequently Asked Questions

What is HTML minification? expand_more
HTML minification is the process of removing characters that the browser does not need to render a page — including whitespace between tags, HTML comments, and optional closing tags like </li> and </p>. The visible output in the browser is identical; only the raw file size shrinks.
Will minifying break my HTML? expand_more
No for standard page markup. The minifier only removes characters the HTML specification defines as optional. Whitespace inside <pre> and <textarea> elements is significant, so test those sections if your page uses them. Conditional IE comments are intentionally preserved.
Is my HTML code secure? expand_more
Yes. All minification runs entirely in your browser using JavaScript. Your HTML is never uploaded or sent to any external server, so private templates and unreleased code stay on your machine.
How much file size can HTML minification save? expand_more
Typical savings range from 10% to 30% for well-formatted source code. Heavily commented or deeply indented files — such as CMS-generated output — can see reductions above 30%. The tool shows the exact byte count and percentage after each run.
Can I upload an HTML file instead of pasting? expand_more
Yes. Click the upload button to load any .html or .htm file from your computer directly into the editor. After minifying, use the download button to save the result as minified.html.
How is this different from the HTML Formatter on this site? expand_more
HTML Formatter does the opposite: it adds indentation and line breaks to make unreadable or already-minified HTML easier to edit. Use the formatter when you need to read or modify markup, and use this minifier when you need the smallest possible file for deployment.
What does the "Optional Tags" option remove? expand_more
In HTML5, certain closing tags are optional according to the spec: </li>, </dt>, </dd>, </p>, </tr>, </td>, </th>, </option>, </thead>, </tbody>, </tfoot>, and </colgroup>. Enabling this option strips those tags. Browsers handle the omission correctly, but some templating engines or XML parsers may not, so test before deploying.
Does minifying HTML also minify inline CSS and JavaScript? expand_more
No. This tool focuses on the HTML structure only — comments, whitespace between tags, and optional closing tags. Inline <style> blocks and <script> blocks are passed through unchanged. Use a dedicated CSS or JavaScript minifier for those assets.