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 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.

Top Articles

The Complete List of 1500+ Common Text Abbreviations & Acronyms

From A3 to ZZZ we list 1,559 SMS, online chat, and text abbreviations to help you translate and understand today's texting lingo. Includes Top...

Windows Operating System History & Versions

The Windows operating system (Windows OS) refers to a family of operating systems developed by Microsoft Corporation. We look at the history of Windows...

How to Create a Website Shortcut on Your Desktop

Website Shortcut on Your Desktop reviewed by Web Webster   This Webopedia guide will show you how to create a website shortcut on your desktop using...

Generations of Computers (1st to 5th)

Reviewed by Web Webster Learn about each of the 5 generations of computers and major technology developments that have led to the computing devices that...

SAP Software

SAP is an end-to-end enterprise solution provider specializing in enterprise resource...

Chief Operating Officer (COO)

The chief operating officer (COO) is a member of a company's senior executive...

Kanban

Kanban is a workflow management method intended to define, manage, and improve services...