La minification consiste à retirer les caractères inutiles d'un fichier en vue de réduire sa taille, il compacte donc les instructions. Ces caractères inutiles sont, par exemple, les commentaires, les espaces et la tabulation
En JavaScript le nom des variables n'ont pas d'importance quant à l'interprétation du script par le navigateur, ils peuvent donc être réduit (var variable = ... devient var a = ... ). De même, le code inutile peut être retiré (variable déclarée dans une fonction et non utilisée).
Retirer les caractères inutiles et de manière générale, compacter le code permet d’améliorer le délai de chargement du fait que le fichier JavaScript pèse moins lourd.
Pour effectuer ce traitement, il est intéressant d'utiliser un utilitaire (et ne pas le faire manuellement) comme javascript-minifier.com, qui permet de minifier un script javaScript en ligne.
Exemple d'un script avant minification :
function maPremierFonction(parametre) {
var maVariable = "minification 1";
}
function maSecondeFonction(parametre) {
console.log(parametre);
}
Après minification :
function maPremierFonction(n){}function maSecondeFonction(n){console.log(n)}
Il est également possible d'inclure les scripts externes dans leur version minimisée. De nombreux fournisseurs (CDN) le propose pour la version de production.