HTML minification is the process of removing unnecessary characters from HTML source code without changing how the browser renders the page. It's a cheap, no-risk performance win for most web projects.
What Minification Removes
Whitespace — Spaces, tabs, and newlines between tags. Browsers don't need them for layout; that's CSS's job. A minifier collapses:
``html
Hello World
Some text here.
`
into:
<code>html
<div class="container"><h1>Hello World</h1><p>Some text here.</p></div>
</code>
HTML comments — <!-- These are stripped -->. Useful for developers, invisible to users, wasted bytes in production.
Optional closing tags — In HTML5, some closing tags are optional (, , , , , , , ,
). Aggressive minifiers remove them; conservative ones don't.
Attribute quotes — can become when the value has no spaces. Most minifiers skip this because it can cause edge-case issues.
Redundant attributes — type="text/javascript" on tags and type="text/css" on