html HTML Minifier

Minify HTML code to reduce file size with compression stats and multiple optimization options

0 characters

tune Minification Options

upload_file Upload HTML File

Drag and drop or click to upload a .html file

cloud_upload

Drop HTML file here or click to browse

quick_reference Minification Transformations

<!-- comment -->
arrow_forward
(removed)
<div class="a">
arrow_forward
<div class="a">
class="value"
arrow_forward
class=value*
checked="checked"
arrow_forward
checked
</li></p>
arrow_forward
(optional)*
type="text/javascript"
arrow_forward
(removed)*

* Depending on selected options. Safe values only.

About the HTML Minifier

Minify your HTML code instantly with our free online tool. HTML minification reduces file size by removing unnecessary characters like whitespace, comments, and redundant attributes without changing functionality. Smaller HTML files mean faster page loads and better performance.

What is HTML Minification?

HTML minification is the process of removing all unnecessary characters from HTML source code without changing how browsers render the page. This includes whitespace between tags, HTML comments, optional closing tags, redundant attributes, and quotes around simple attribute values. The minified HTML renders identically to the original but downloads faster.

Key Features

  • Whitespace Collapse — Removes extra spaces, tabs, and line breaks between HTML elements
  • Comment Removal — Strips all HTML comments (<!-- ... -->), except conditional comments for IE
  • Quote Removal — Removes quotes around simple attribute values (class=value vs class="value")
  • Optional Tags — Removes optional closing tags like </li>, </p>, </td> per HTML5 spec
  • Boolean Attributes — Collapses boolean attributes (checked="checked" → checked)
  • Default Attributes — Removes default type attributes (type="text/javascript", type="text/css")
  • Inline CSS/JS — Minifies embedded style and script blocks
  • DOCTYPE Shortening — Converts any DOCTYPE to short HTML5 format

Minification Presets

Preset Description Best For
Safe Only whitespace and comments removal When debugging or maximum compatibility needed
Default Standard optimizations (safe HTML5 transforms) Most production websites
Aggressive Maximum compression, all optimizations When every byte counts

Why Minify HTML?

  • Faster Page Loads — Smaller HTML means faster Time to First Byte (TTFB) and quicker rendering
  • Better SEO — Page speed is a Google ranking factor; faster pages rank higher
  • Reduced Bandwidth — Save server bandwidth and reduce hosting costs
  • Improved Core Web Vitals — Better LCP and other metrics
  • Mobile Performance — Critical for users on slow mobile connections

Typical Compression Results

HTML minification typically achieves 10-30% size reduction depending on the original code style. Combined with gzip compression, total savings can reach 70-85%. For example:

  • Original HTML: 50 KB
  • After minification: ~40 KB (20% savings)
  • After gzip: ~10 KB (80% total savings)

Safe Optimizations

Our HTML minifier performs only safe optimizations that won't break your page:

  • Preserves whitespace inside <pre>, <code>, <script>, <style>, and <textarea> elements
  • Keeps conditional comments for Internet Explorer compatibility
  • Only removes quotes when the attribute value is safe (no spaces or special characters)
  • Only removes optional tags that are truly optional per HTML5 specification

Privacy & Security

All HTML minification happens directly in your browser using JavaScript. Your code is never sent to any server, making this tool completely safe for proprietary HTML templates or sensitive content.