JavaScript Minify Tool- Ingyenes online JS Minifier és Compressor

Javascript Minify eszköz

A JavaScript minimalizálása a jól formázott JS kódból eltávolítja a szóközöket, behúzásokat, új sorokat és megjegyzéseket. Ezek nem szükségesek a JavaScript sikeres futtatásához. Emellett nehezebbé teszi a JavaScript olvasását a forráskód megtekintésekor.

Sok fejlesztő egy „szép” verziót tart fenn, és a projekt telepítése után egy minifikciós programon futtatja a szkripteket. Gyakran a sok szkriptfájlt egyetlen fájlba egyesítik.

Miért érdemes Javascript Minifiert használni?

A minifkáció célja egy weboldal sebességének növelése. A minimalizálás akár 20%-kal is csökkentheti a szkriptek méretét, ami gyorsabb letöltési időt eredményez. Egyes fejlesztők a kódjuk „obfuszkálására” is használják. Ez megnehezíti a kód olvasását, ezáltal nehezebbé téve a visszafejtését vagy másolását.

Az is bevett gyakorlat, hogy egyetlen weboldal összes Javascript fájlját egyetlen fájlba egyesítik. Ennek számos előnye van. Csökkenti a weboldal összes elemének lekéréséhez szükséges HTTP-kérések számát. Emellett hatékonyabbá teszi a minimalizálást és a gzip tömörítést.

Javascript Minify 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);  
}

Így lesz minimalizálva:

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);}