JavaScript Minify-verktøy – Gratis JS-minifikator og -komprimator på nett

Input data
bfotool loadding
Output data
bfotool loadding

Javascript Minify-verktøy

Minifisering av Javascript tar den pene, velformede JS-koden du har skrevet og fjerner avstand, innrykk, linjeskift og kommentarer. Disse er ikke nødvendige for at Javascript skal kjøre ordentlig. Det gjør også Javascript vanskeligere å lese når man ser på kildekoden.

Mange utviklere vil vedlikeholde en «pen» versjon, og ved utrulling av prosjektet sitt kjører de skriptene sine gjennom et minifiseringsprogram. De kombinerer også ofte sine mange skriptfiler til én enkelt fil.

Hvorfor bruke Javascript Minifier?

Hensikten med minifisering er å øke hastigheten på et nettsted. Minimering kan gjøre et skript opptil 20 % mindre, noe som resulterer i raskere nedlastingstid. Noen utviklere vil også bruke det til å «obfuskere» koden sin. Dette gjør det vanskelig å lese koden, og dermed blir det vanskeligere å reversere utviklingen eller kopiere.

Det er også vanlig praksis å kombinere alle Javascript-filene for ett enkelt nettsted til én fil. Dette har en rekke fordeler. Det reduserer antallet HTTP-forespørsler som må gjøres for å få alle elementene på et nettsted. Det gjør også minifisering og gzip-komprimering mer effektiv.

Javascript Minify-eksempel

Forskjønnet 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 dette minimert:

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