Minification (alsominimisation orminimization) is the process of removing all unnecessary characters from thesource code ofinterpreted programming languages ormarkup languages without changing its functionality. These unnecessary characters usually includewhitespace characters,new line characters,comments, and sometimesblock delimiters, which are used to add readability to the code but are not required for it to execute. Minification reduces the size of the source code, making its transmission over a network (e.g. the Internet) more efficient. In programmer culture, aiming at extremely minified source code is the purpose of recreationalcode golf competitions and a part of thedemoscene.
Minification can be distinguished from the more general concept ofdata compression in that the minified source can be interpreted immediately without the need for a decompression step: the same interpreter can work with both the original as well as with the minified source.
The goals of minification are not the same as the goals ofobfuscation; the former is often intended to be reversed using apretty-printer[citation needed] or unminifier. However, to achieve its goals, minification sometimes uses techniques also used byobfuscation; for example, shortening variable names and refactoring thesource code. When minification uses such techniques, thepretty-printer or unminifier can only fully reverse the minification process if it is supplied details of the transformations done by such techniques. If not supplied those details, the reversedsource code will contain different variable names and control flow, even though it will have the same functionality as the originalsource code.
For example, theJavaScript code
// This is a comment that will be removed by the minifiervararray=[];for(vari=0;i<20;i++){array[i]=i;}
is equivalent to but longer than
for(vara=[],i=0;i<20;a[i]=i++);
In 2001Douglas Crockford introducedJSMin,[1] which removed comments and whitespace from JavaScript code.[2] It was followed byYUI Compressor in 2007.[2] In 2009, Google opened up its Closure toolkit, includingClosure Compiler which contained a source mapping feature together with a Firefox extension called Closure Inspector.[3] In 2010, Mihai Bazon introducedUglifyJS, which was superseded by UglifyJS2 in 2012; the rewrite was to allow for source map support.[4] From 2017, Alex Lam took over maintenance and development of UglifyJS2, replacing it with UglifyJS3 which unified the CLI with the API.[5] In 2018,Terser has been forked from uglify-es[6][7] and has gained momentum since; in 2020 it outstripped UglifyJS when measured in daily downloads.[8]
Asource map is afile format that allows software tools forJavaScript to display different code to a user than the code actually executed by the computer. For example, to aid indebugging of minified code, by "mapping" this code to the original unminifiedsource code instead.
The original format was created by Joseph Schorr as part of the Closure Inspector minification project.[9] Version 2 and 3 of the format reduced the size of the map files considerably.[9]
Visual Studio Code comes with minification support for several languages. It can readily browse the Visual Studio Marketplace to download and install additional minifiers.
JavaScript optimizers can minify and generate source maps. In addition certain online tools can compressCSS files.[10]
Components and libraries forWeb applications and websites have been developed to optimize file requests and reduce page load times by shrinking the size of various files.
JavaScript andCascading Style Sheets (CSS) resources may be minified, preserving their behavior while considerably reducing their file size. Libraries available online are capable of minification and optimization to varying degrees. Some libraries also merge multiple script files into a single file for client download. JavaScript source maps can make code readable and debuggable even after it has been combined and minified.[11]