Modular HTML minifier, built on top of the PostHTML. Inspired by cssnano.
| Website | Source (KB) | html-minifier-terser | html-minifier-next | htmlnano | minify | minify-html |
|---|---|---|---|---|---|---|
| stackoverflow.blog | 166 | 3.3% | 3.3% | 8.3% | 4.6% | 4.0% |
| github.com | 541 | 3.7% | 3.7% | 18.1% | 7.9% | 6.2% |
| en.wikipedia.org | 220 | 4.6% | 4.6% | 4.9% | 6.2% | 2.9% |
| npmjs.com | 460 | 0.5% | 0.5% | 0.9% | 3.6% | 0.7% |
| tc39.es | 7198 | 8.5% | 8.5% | 8.7% | 9.5% | 9.1% |
| apple.com | 190 | 7.6% | 7.6% | 12.1% | 10.5% | 8.1% |
| w3.org | 49 | 18.9% | 18.9% | 23.0% | 24.1% | 19.9% |
| weather.com | 1770 | 0.2% | 0.2% | 12.1% | 11.9% | 0.6% |
| Avg. minify rate | 5.9% | 5.9% | 11.0% | 9.8% | 6.4% |
Latest benchmarks: https://github.com/maltsev/html-minifiers-benchmark (updated daily).
npm install htmlnano
const htmlnano = require('htmlnano');
const options = {
removeEmptyAttributes: false, // Disable the module "removeEmptyAttributes"
collapseWhitespace: 'conservative' // Pass options to the module "collapseWhitespace"
};
// posthtml, posthtml-render, and posthtml-parse options
const postHtmlOptions = {
sync: true, // https://github.com/posthtml/posthtml#usage
lowerCaseTags: true, // https://github.com/posthtml/posthtml-parser#options
quoteAllAttributes: false, // https://github.com/posthtml/posthtml-render#options
};
htmlnano
// "preset" arg might be skipped (see "Presets" section below for more info)
// "postHtmlOptions" arg might be skipped
.process(html, options, preset, postHtmlOptions)
.then(function (result) {
// result.html is minified
})
.catch(function (err) {
console.error(err);
});
More usage examples (PostHTML, Gulp, Webpack): https://htmlnano.netlify.app/next/usage
html-minifier is a popular HTML minification tool that offers a wide range of options for compressing HTML files. It is highly configurable and can remove comments, whitespace, and redundant attributes, similar to htmlnano. However, html-minifier is more widely used and has a larger community.
clean-css is a fast and efficient CSS minifier that can be used to minify inline CSS within HTML files. While it focuses solely on CSS, it can be used in conjunction with other tools to achieve similar results to htmlnano's CSS minification feature.
terser is a JavaScript minifier that can be used to minify inline JavaScript within HTML files. It is highly configurable and offers advanced options for compressing and optimizing JavaScript code. When used alongside other tools, it can provide similar functionality to htmlnano's JS minification feature.
FAQs
Modular HTML minifier, built on top of the PostHTML
The npm package htmlnano receives a total of 291,321 weekly downloads. As such, htmlnano popularity was classified as popular.
We found that htmlnano demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
/Product
Socket Firewall Free is now bundled into Docker Hardened Images, adding build-time and dependency-install supply chain protection on top of hardened base images for Node.js, Python, and Rust.
Security News
Season’s greetings from Socket, and here’s to a calm end of year: clean dependencies, boring pipelines, no surprises.
Research
/Security News
Impostor NuGet package Tracer.Fody.NLog typosquats Tracer.Fody and its author, using homoglyph tricks, and exfiltrates Stratis wallet JSON/passwords to a Russian IP address.
