HTML Minifier

To use prepostseo HTML Minifier, Paste HTML in the given textarea box below and click on Minify HTML Button.

Minify Css Minify Js Minify Html Minify Json Js Beautifier Css Beautifier Html Beautifier Xml Beautifier

Show Advanced Options

Case-sensitive Treat attributes in case sensitive manner (useful for custom HTML tags)

Collapse boolean attributes Omit attribute values from boolean attributes

Collapse inline tag whitespace Don't leave any spaces between display:inline; elements when collapsing. Must be used in conjunction with collapseWhitespace=true

Collapse whitespace Collapse white space that contributes to text nodes in a document tree

Conservative collapse Always collapse to 1 space (never remove it entirely). Must be used in conjunction with collapseWhitespace=true

Decode Entity Characters Use direct Unicode characters whenever possible

HTML5 Parse input according to HTML5 specifications

Include auto-generated tags Insert tags generated by HTML parser

Keep closing slash Keep the trailing slash on singleton elements

Max. line length Specify a maximum line length. Compressed output will be split by newlines at valid HTML split-points

Minify CSS Minify CSS in style elements and style attributes (uses clean-css)

Minify JavaScript Minify JavaScript in script elements and event attributes (uses UglifyJS)

Minify URLs Minify URLs in various attributes (uses relateurl)

Preserve line-breaks Always collapse to 1 line break (never remove it entirely) when whitespace between tags include a line break. Must be used in conjunction with collapseWhitespace=true

Prevent attributes escaping Prevents the escaping of the values of attributes

Process conditional comments Process contents of conditional comments through minifier

Process scripts Comma-delimited string corresponding to types of script elements to process through minifier (e.g.

text/ng-template,
                                                    text/x-handlebars-template

)

Quote character Type of quote to use for attribute values (' or ")

Remove attribute quotes Remove quotes around attributes when possible

Remove comments Strip HTML comments

Remove empty attributes Remove all attributes with whitespace-only values

Remove empty elements Remove all elements with empty contents

Remove optional tags

Remove redundant attributes Remove attributes when value matches default.

Remove script type attributes Remove type="text/javascript" from script tags. Other type attribute values are left intact

Remove style link type attributes Remove type="text/css" from style and link tags. Other type attribute values are left intact

Remove tag whitespace Remove space between attributes whenever possible. Note that this will result in invalid HTML!

Sort attributes Sort attributes by frequency

Sort class name Sort style classes by frequency

Trim white space around custom fragments Trim white space around ignoreCustomFragments.

Use short doctype Replaces the doctype with the short (HTML5) doctype

Select: All None Reset

Table of Contents

Is this tool helpful?

Yes No Maybe

How can we improve it?

HTML Minifier

Minifying HTML files manually require a significant quantity of time and energy. It's quite easy to use Prepostseo HTML minifier tool. Therefore it is recommended to minify your files ahead of compressing them as that is going to be the most productive thing for your webpage. Minifying an HTML file is just one of the most trivial tasks in web development and yet it's often more cumbersome than it needs to be.

In the tech age, you don't need to be worried about how to minify HTML without having programming abilities. Minify HTML tool can do this task in a few seconds.

Nowadays, you should definitely perform HTML minification on your site’s resources. In addition to the various tools available that make minification a trivial process, the Internet is moving more and more toward pages that resemble single-page applications and have the client side doing a majority of the routing, templating, and logic. In these instances, you will see quite a bit of improvement in your page’s loading after minifying HTML.

However, minifying is usually done as part of the build process with Webpack or Gulp or some alternative. These build tools can have a bit of a learning curve, however, so if you are looking for easier alternatives, we recommend Prepostseo HTML Minifier for HTML.

Minifying HTML has the same benefits as those for minifying CSS and JS: reducing network latency, enhancing compression, and faster browser loading and execution. Moreover, HTML frequently contains inline JS code (in