Outil de minification Javascript
Minifying Javascript prend le joli code JS bien formé que vous avez écrit et supprime l'espacement, l'indentation, les retours à la ligne et les commentaires. Celles-ci ne sont pas nécessaires pour que Javascript s'exécute correctement. Cela rend également le Javascript plus difficile à lire lors de la visualisation de la source.
De nombreux développeurs maintiendront une "jolie" version et, lors du déploiement de leur projet, exécuteront leurs scripts via un programme de minification. Ils combinent également souvent leurs nombreux fichiers de script en un seul fichier.
Pourquoi utiliser Javascript Minifier ?
Le but de la minifcation est d'augmenter la vitesse d'un site Web. La minimisation peut rendre un script jusqu'à 20 % plus petit, ce qui accélère le temps de téléchargement. Certains développeurs l'utiliseront également pour "obscurcir" leur code. Cela rend difficile la lecture du code, ce qui rend plus difficile la rétro-ingénierie ou la copie.
Il est également courant de combiner tous les fichiers Javascript d'un même site Web en un seul fichier. Cela a un certain nombre d'avantages. Cela réduit le nombre de requêtes HTTP à effectuer pour obtenir tous les éléments d'un site Web. Cela rend également la minification et la compression gzip plus efficaces.
Exemple de minification Javascript
Javascript embelli :
var a = document.createElement('a');
mimeType = mimeType || 'application/octet-stream';
if (navigator.msSaveBlob) {
navigator.msSaveBlob(new Blob([content], {
type: mimeType
}), fileName);
} else if (URL && 'download' in a) {
a.href = URL.createObjectURL(new Blob([content], {
type: mimeType
}));
a.setAttribute('download', fileName);
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
} else {
location.href = 'data:application/octet-stream,' + encodeURIComponent(content);
}Devient ceci minifié :
var a=document.createElement('a');mimeType=mimeType||'application/octet-stream';if(navigator.msSaveBlob){navigator.msSaveBlob(new Blob([content],{type:mimeType}),fileName);}else if(URL&&'download'in a){a.href=URL.createObjectURL(new Blob([content],{type:mimeType}));a.setAttribute('download',fileName);document.body.appendChild(a);a.click();document.body.removeChild(a);}else{location.href='data:application/octet-stream,'+encodeURIComponent(content);}