Gratis online verktøy Javascript Minify

Javascript Minify Tool

Å forminske Javascript tar den vakre, velformede JS-koden du har skrevet og fjerner mellomrom, innrykk, linjeskift og kommentarer. Disse er ikke nødvendig for at Javascript skal kjøre. Det gjør også Javascript vanskeligere å lese når du ser på kilden.

Mange utviklere vil opprettholde en "pen" versjon, og ved utrulling av prosjektet kjører skriptene sine gjennom et minifikasjonsprogram. De kombinerer også ofte sine mange skriptfiler til en enkelt fil.

Hvorfor bruke Javascript Minifier?

Hensikten med minifcation er å øke hastigheten på et nettsted. Minimering kan gjøre et skript opptil 20 % mindre, noe som resulterer i en raskere nedlastingstid. Noen utviklere vil også bruke den til å "obfuskere" koden deres. Dette gjør det vanskelig for koden å leses, og gjør det dermed vanskeligere å reversere eller kopiere.

Det er også vanlig praksis å kombinere alle Javascript-filene for et enkelt nettsted til én fil. Dette har en rekke fordeler. Det reduserer antallet HTTP-forespørsler som må gjøres for å få alle elementene til et nettsted. Det gjør også minifikasjon 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 minifisert:

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