Nástroj pro minifikaci JavaScriptu
Minifikace Javascriptu vezme pěkný a dobře napsaný JS kód a odstraní mezery, odsazení, nové řádky a komentáře. Tyto prvky nejsou pro správné fungování Javascriptu nutné. Také ztěžuje čtení Javascriptu při prohlížení zdrojového kódu.
Mnoho vývojářů si udržuje „hezkou“ verzi a po nasazení svého projektu spustí své skripty pomocí minifikačního programu. Často také kombinují své velké množství souborů skriptů do jednoho souboru.
Proč používat Javascript Minifier?
Účelem minifikace je zvýšit rychlost webových stránek. Minimalizace může zmenšit skript až o 20 %, což vede k rychlejšímu stahování. Někteří vývojáři ji také používají k „zmatření“ svého kódu. To ztěžuje čtení kódu, a tím i jeho zpětné inženýrství nebo kopírování.
Běžnou praxí je také sloučit všechny soubory Javascriptu pro jeden web do jednoho souboru. To má řadu výhod. Snižuje to počet HTTP požadavků, které je třeba provést k získání všech prvků webu. Také to zefektivňuje minifikaci a gzip kompresi.
Příklad minifikace v JavaScriptu
Zkrášlený Javascript:
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);
}
Stává se takto minifikovaným:
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);}