HTML Minifier tool is free and can be used by anyone to help their website load faster. This tool is very easy to use. All you need to do is paste your HTML code, and it will do the work for you.
HTML
Minified
- Process contents of conditional comments through minifier
-
Comma-delimited string corresponding to types of script elements to process through minifier (e.g.
text/ng-template, text/x-handlebars-template) -
Type of quote to use for attribute values (
'or") - Remove quotes around attributes when possible
- Strip HTML comments
- Remove all attributes with whitespace-only values
- Remove all elements with empty contents
- Remove attributes when value matches default.
-
Remove
type="text/javascript"fromscripttags. Othertypeattribute values are left intact -
Remove
type="text/css"fromstyleandlinktags. Othertypeattribute values are left intact - Remove space between attributes whenever possible. Note that this will result in invalid HTML!
- Sort attributes by frequency
- Sort style classes by frequency
-
Trim white space around
ignoreCustomFragments. -
Replaces the
doctypewith the short (HTML5)doctype
- Treat attributes in case sensitive manner (useful for custom HTML tags)
- Omit attribute values from boolean attributes
-
Don’t leave any spaces between
display:inline;elements when collapsing. Must be used in conjunction withcollapseWhitespace=true - Collapse white space that contributes to text nodes in a document tree
-
Always collapse to 1 space (never remove it entirely).
Must be used in conjunction with
collapseWhitespace=true - Use direct Unicode characters whenever possible
- Parse input according to HTML5 specifications
- Insert tags generated by HTML parser
- Keep the trailing slash on singleton elements
- Specify a maximum line length. Compressed output will be split by newlines at valid HTML split-points
-
Minify CSS in style elements and style attributes (uses
clean-css) -
Minify JavaScript in script elements and event attributes (uses
UglifyJS) -
Minify URLs in various attributes (uses
relateurl) -
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 - Prevents the escaping of the values of attributes
What is HTML Minifier?
HTML minification refers to removing unnecessary characters from an HTML document without changing its functionality. This process helps increase the speed of loading the document by removing white spaces, comments, and other extra characters. Although these characters are not part of the HTML document, they might have an impact on the page speed.
Why HTML minify?
If you are an expert web designer or developer, then you know that HTML minify is one of the most important parts of the process. Here is why. Code minification is the process of removing unnecessary characters from source code. Code minification makes code more compact, which helps web pages to load faster. However, it also eliminates some code that helps browsers properly parse the code. While minification makes it more difficult for humans to read the code, it is what helps the browser load faster.
How does HTML Minifier work?
HTML minification is a process that removes all the extra white space and character returns from a web document. This makes it harder for people to steal your content. However, there are some issues with it. If you have ever tried to paste some HTML from Microsoft Word, you will notice that it’s not formatted correctly after being minified. In addition, you also lose formatting such as bold, italic, and underlining.
Conclusion: This is a must-have tool for any website. Use this tool to slash the number of bytes necessary to deliver your web pages.
