Mjet falas në internet Javascript Minify

Javascript Minify Tool

Minifikimi i Javascript merr kodin JS të bukur dhe të formuar mirë që keni shkruar dhe heq ndarjen, dhëmbëzimin, rreshtat e rinj dhe komentet. Këto nuk kërkohen që Javascript të funksionojë me sukses. Gjithashtu e bën Javascript më të vështirë për t'u lexuar kur shikoni burimin.

Shumë zhvillues do të mbajnë një version 'të bukur' dhe pas vendosjes së projektit të tyre do të ekzekutojnë skriptet e tyre përmes një programi minifikimi. Ata gjithashtu shpesh kombinojnë skedarët e tyre të shumtë të skriptit në një skedar të vetëm.

Pse të përdorni Javascript Minifier?

Qëllimi i minifcimit është të rrisë shpejtësinë e një faqe interneti. Minimizimi mund ta bëjë një skript deri në 20% më të vogël, duke rezultuar në një kohë më të shpejtë shkarkimi. Disa zhvillues do ta përdorin gjithashtu atë për të 'errësuar' kodin e tyre. Kjo e bën të vështirë leximin e kodit, duke e bërë më të vështirë inxhinierimin ose kopjimin e kundërt.

Është gjithashtu praktikë e zakonshme që të kombinohen të gjithë skedarët Javascript për një uebsajt të vetëm në një skedar. Kjo ka një sërë përfitimesh. Redukton numrin e kërkesave HTTP që duhen bërë për të marrë të gjithë elementët e një faqe interneti. Gjithashtu e bën minifikimin dhe kompresimin e gzip më efektiv.

Javascript Minify Shembull

Javascript i zbukuruar:

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

Bëhet kjo e minimizuar:

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