Software Architect's Handbook

Minifying resources

Minification is the process of removing all unnecessary or redundant data from a resource. It can be used to remove characters from source code that are not needed without changing any of the functionality.

Files such as JavaScript, HTML, and CSS are great candidates for minification. Although the minified files that result from the process are not as human-readable as their original counterparts, the file size will be smaller, resulting in faster load times.

For example, let's take the following JavaScript code:

// Class representing a rectangleclass Rectangle {    constructor(height, width) {        this.height = height;        this.width = width;    }    // Method to calculate area    calculateArea() {        return this.width * this.height;    }}

After ...