Għodda onlajn b'xejn Javascript Imnifika

Għodda għall-Imminifika tal-Javascript

Il-minifikazzjoni tal-Javascript tieħu l-kodiċi JS pjuttost iffurmat tajjeb li ktibt u tneħħi l-ispazjar, l-indentazzjoni, il-linji ġodda u l-kummenti. Dawn mhumiex meħtieġa biex Javascript jaħdem b'suċċess. Jagħmel ukoll il-Javascript aktar diffiċli biex jinqara meta tara s-sors.

Ħafna żviluppaturi se jżommu verżjoni 'sabiħa', u mal-iskjerament tal-proġett tagħhom imexxu l-iskripts tagħhom permezz ta 'programm ta' minifikazzjoni. Ħafna drabi wkoll jgħaqqdu l-ħafna fajls tal-iskript tagħhom f'fajl wieħed.

Għaliex tuża Javascript Minifier?

L-għan tal-minifcation huwa li tiżdied il-veloċità ta 'websajt. Il-minimizzazzjoni tista 'tagħmel script sa 20% iżgħar, li jirriżulta f'ħin ta' tniżżil aktar mgħaġġel. Xi żviluppaturi se jużawha wkoll biex 'jħaffu' l-kodiċi tagħhom. Dan jagħmilha diffiċli biex jinqara l-kodiċi, u b'hekk jagħmilha aktar diffiċli li ssir reverse engineering jew kopja.

Hija wkoll prattika komuni li tgħaqqad il-fajls Javascript kollha għal websajt waħda f'fajl wieħed. Dan għandu numru ta' benefiċċji. Tnaqqas in-numru ta 'talbiet HTTP li jeħtieġ li jsiru biex jinkisbu l-elementi kollha ta' websajt. Jagħmel ukoll minifikazzjoni u kompressjoni gzip aktar effettivi.

Javascript Imnaqqas Eżempju

Javascript imsebbaħ:

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

Isir dan minifikat:

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