Minification

Minification is the process of minimizing code and markup in web pages and script files without changing its functionality. It strips a code file of all data that isn’t required in order for the file to be executed. Unlike other compression techniques, minified files don’t need to be decompressed before being read, modified, or executed. Minification is used to reduce load times and bandwidth usage on websites. It greatly improves site speed and accessibility, meaning user experience is also improved.

For example, a JavaScript code without minification looks like this:

var array = [];
for (var i = 0; i 

The minified version is equivalent to the original code but is much shorter:

for(var a=[i=0];i

How minification works

Minification is done after the code for a web application is written but before the application is deployed. It works by analyzing and rewriting the text-based parts of a website to reduce its overall file size. After minification, the web server replaces the original assets with minified assets for faster distribution to users.

A web developer will create a JavaScript or CSS file to be used in a web application. These files are formatted for the developer’s convenience. The developer then applies a minification technique to convert the file into one that’s more optimized but harder to read. Minification techniques that are common include:

Once minified, the web server uses the file when responding to web requests.

Minification disadvantages

In some cases, minification can break complicated scripts because of site-dependent variables such as themes, plugins, and server environments. This may result in incorrect layouts or certain functions working incorrectly on a website. Minification can also introduce errors that are difficult to debug. While it can greatly reduce bandwidth usage and provide an increase in site speed, it should be used as a fine-tuning step, not the beginning step in improving a website.






Abby Braden
Abby Braden
Abby Braden is an award-winning writer and editor for websites such as TechnologyAdvice.com, Webopedia.com, and Project-Management.com, where she covers technology trends and enterprise and SMB project management platforms. When she’s not writing about technology, she enjoys giving too many treats to her dog and coaching part-time at her local gym.

Related Articles

Special Character

A special character is one that is not considered a number or letter. Symbols, accent marks, and punctuation marks are considered special characters. Similarly,...

Software

Table of contents What is Software? History of Software Software vs. Hardware Software vs. Hardware Comparison Chart What Types of Software Exist? Saas vs....

Email Address

What is an Email Address? An email address is a designation for an electronic mailbox that sends and receives messages, known as email, on a...

Information Technology (IT) Architect

The information technology architect applies IT resources to meet specific business requirements. The role requires a high degree of technical expertise as well as...

Geotargeting

Geotargeting is a method of delivering data or content to users based on...

Agile Project Management

Agile project management enables business teams to approach their projects and tasks with...

Private 5G Network

A private 5G network is a private local area network (LAN) that utilizes...