5.05 - Minification

1 - Findings & Impacts

Minification refers to the process of removing unnecessary or redundant data without affecting how the resource of a text file is processed by the browser - e.g. code comments and formatting (line breaks, spaces), removing unused code, using shorter variable and function names.

It reduces the size of a file, its loading times, but also the time of analysis and execution by the browser.

2 - Recommendations

Minify your HTML, CSS and JS files. There are multiple minification tools:

• Javascript: https://jscompress.com/
• CSS: https://cssminifier.com/
• HTML: http://www.willpeavy.com/minifier/

Remember to save your uncompressed files so you can make changes to it, as the compression will make the code unreadable. You can also automate the process by dynamically compressing the import of new files.