Minify / Remove whitespace from HTML

Rule from network under performance category

What is a trooper!

we have submitted your edit to the community for review! We'll review and make it live on the site in the next few hours, the internet thanks you :).

Browse another section of the knowledge base



Suggest an edit

Cancel

This rule has no content... yet.

Add content to this rule

Or just browse to view rules that have content



 

Minification refers to the process of removing unnecessary or redundant data without affecting how the resource is processed by the browser - e.g. code comments and formatting, removing unused code, using shorter variable and function names, and so on.

Minified HTML helps reduce bandwidth usage and is more effective with GZIP. Minifying HTML removes whitespace, comments, non-required semicolons and hex code lengths. GZIP finds all repetitive strings and replaces them with a pointer to the first instance. Harnessing both of these features is an effective way of saving bandwidth usage.

How do I fix this ?

Use a build tool (npm, grunt or gulp) to automate the minification of your production javascript and CSS (but also keep the development files in human readable format). Alternatively, command-line and online minifiers also exist.

When using template engines like Blade, Twig, Jade etc. be sure to look for built in minification commands or packages that make this possible.

Resources

Browse another section of the knowledge base



Signup icon
Ready to see how well your site scores?

Passmarked works best when you have an account. It allows you to keep a dashboard with saved data of the sites you have run through the system, we’ll alert you about important updates and you get access to the Passmarked Slack forum.

Sign up to get started