Minify JavaScript

This means that the URL in question contains JavaScript files that are not minified or could be minified further.

Why is this important?

When creating JavaScript files, developers tend to use spacing, comments and well-named variables to make code and markup readable for themselves. It also helps others who might later work on the assets. While this is a plus during development, it becomes a negative when it comes to serving your pages. Web servers and browsers can parse file content without comments and well-structured code, both of which create additional network traffic without providing any functional benefit.

These unnecessary characters usually include white space characters, new line characters, comments, and sometimes block delimiters, which are used to add readability to the code but are not required for it to execute.

Minification works by analyzing and rewriting the text-based parts of a file to reduce its overall size, resulting in faster response times and lower bandwidth costs.

What does the Hint check?

This Hint will trigger for any internal URL which references JavaScript files that could be minified further.

Examples that trigger this Hint:

The Hint would trigger for any JavaScript resource URL which contains comments, characters or spacing that is functionally redundant:

var array = [];
for (var i = 0; i < 20; i++) {
 array[i] = i;
}

How do you resolve this issue?

To solve this issue, you would need to use a JavaScript minifier to minify your JavaScript code, which will automatically strip out the redundant elements. There are lots of online service for manually minifying your files - you paste your JavaScript into the service's UI, and it returns a minified version of the code (e.g. Closure Compiler).

Further Reading

• Minify JavaScript (Lighthouse documentation)
• How to Minify Your Website’s CSS, HTML & Javascript
• Why minify HTML, CSS, and JavaScript (JS)

Performance in Sitebulb

Learn more about Sitebulb's website performance audit