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.
Get the Free Newsletter
Subscribe to Daily Tech Insider for top news, trends & analysis
This email address is invalid.
Get the Free Newsletter
Subscribe to Daily Tech Insider for top news, trends & analysis
This email address is invalid.

Related Articles

Embedded Analytics

Embedded analytics brings self-service business intelligence to everyday application users.

HRIS

Human resources information system (HRIS) solutions help businesses manage multiple facets of their workforce operations. They provide a central platform for human resources professionals...

Complete List of Cybersecurity Acronyms

Cybersecurity news and best practices are full of acronyms and abbreviations. Without understanding what each one means, it's difficult to comprehend the significance of...

Human Resources Management System

A Human Resources Management System (HRMS) is a software application that supports many functions of a company's Human Resources department, including benefits administration, payroll,...

ScalaHosting

ScalaHosting is a leading managed hosting provider that offers secure, scalable, and affordable...

HRIS

Human resources information system (HRIS) solutions help businesses manage multiple facets of their...

Best Managed Service Providers...

In today's business world, managed services are more critical than ever. They can...