JavaScript Minify Tool – Gratis online JS Minifier och Compressor

Javascript Minify-verktyg

Att minimera Javascript tar den snygga, välformulerade JS-koden som du har skrivit och tar bort avstånd, indentering, radbrytningar och kommentarer. Dessa krävs inte för att Javascript ska fungera korrekt. Det gör också Javascript svårare att läsa när man tittar på källkoden.

Många utvecklare underhåller en "snygg" version och kör sina skript genom ett minifieringsprogram när de driftsätter sitt projekt. De kombinerar också ofta sina många skriptfiler till en enda fil.

Varför använda Javascript Minifier?

Syftet med minifkation är att öka hastigheten på en webbplats. Minimering kan göra ett skript upp till 20 % mindre, vilket resulterar i en snabbare nedladdningstid. Vissa utvecklare använder det också för att "förvränga" sin kod. Detta gör det svårt för koden att läsas, vilket gör det svårare att bakåtkompilera eller kopiera.

Det är också vanligt att kombinera alla Javascript-filer för en enda webbplats till en fil. Detta har ett antal fördelar. Det minskar antalet HTTP-förfrågningar som behöver göras för att få alla element på en webbplats. Det gör också minifiering och gzip-komprimering mer effektiva.

Javascript Minify-exempel

Förskönat 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);  
}

Blir så här minimerad:

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