High This Hint is very important, and definitely warrants attention. Issue This Hint represents an error or problem that needs to be fixed.

JavaScript content is not minified

This means that the URL in question is a JavaScript file which contains content that is 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 or external JavaScript file URL which 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

Ready to try Sitebulb?
Start your free 14 day trial now

Start Free Trial