Javascript Minify Tool
A Javascript kicsinyítése felveszi az Ön által írt szép, jól formázott JS-kódot, és eltávolítja a szóközt, a behúzást, az újsorokat és a megjegyzéseket. Ezek nem szükségesek a Javascript sikeres futtatásához. Ez a Javascript olvasását is nehezebbé teszi a forrás megtekintésekor.
Sok fejlesztő fenntart egy „szép” verziót, és projektjének telepítése után a szkriptjeit egy minifikációs programon keresztül futtatja. Gyakran egyesítik a sok szkriptfájlt egyetlen fájlba.
Miért érdemes a Javascript Minifiert használni?
A minifálás célja a weboldal sebességének növelése. A minimalizálás akár 20%-kal kisebbé teheti a szkriptet, ami gyorsabb letöltési időt eredményez. Egyes fejlesztők a kódjuk „elhomályosítására” is használják. Ez megnehezíti a kód beolvasását, ami megnehezíti a visszafejtést vagy másolást.
Az is bevett gyakorlat, hogy egyetlen webhely összes Javascript-fájlját egyetlen fájlba egyesítik. Ennek számos előnye van. Csökkenti a HTTP kérések számát, amelyeket a webhely összes elemének eléréséhez kell végrehajtani. Hatékonyabbá teszi a kicsinyítést és a gzip tömörítést is.
Javascript kicsinyítési példa
Megszépített 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);
}
Ez lesz kicsinyítve:
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);}