Brezplačno spletno orodje Javascript Minify

Input data
bfotool loadding
Output data
bfotool loadding

Orodje za pomanjševanje Javascripta

Zmanjševanje Javascripta vzame lepo, dobro oblikovano kodo JS, ki ste jo napisali, in odstranili presledke, zameke, nove vrstice in komentarje. Niso potrebni za uspešno delovanje Javascripta. Prav tako oteži branje Javascripta pri ogledu vira.

Mnogi razvijalci bodo vzdrževali "lepo" različico in po uvedbi svojega projekta zagnali svoje skripte prek programa za pomanjševanje. Prav tako pogosto združijo svoje manjše skriptne datoteke v eno datoteko.

Zakaj uporabljati Javascript Minifier?

Namen minifikacije je povečati hitrost spletne strani. Z minimizacijo lahko skript zmanjšate na 20 %, kar ima za posledico hitrejši čas prenosa. Nekateri razvijalci ga bodo uporabili tudi za 'zameglanje' svoje kode. To otežuje branje kode, kar otežuje obratno inženirstvo ali kopiranje.

Običajna praksa je tudi združevanje vseh datotek Javascript za eno spletno mesto v eno datoteko. To ima prednosti prednosti. Zmanjša število zahtev HTTP, ki jih je treba izvesti, da pridobimo vse elemente spletnega mesta. Prav tako naredi pomanjševanje in stiskanje gzip učinkovitejše.

Primer pomanjšanja Javascripta

Polepšan 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);
}

Postane do zmanjšano:

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