JavaScript Mjeti i Minify- Minifier dhe Kompresor JS Falas Online

Mjeti i Minify-t në Javascript

Minimizimi i Javascript merr kodin JS të bukur dhe të formuar mirë që keni shkruar dhe heq hapësirat, dhëmbëzimet, rreshtat e rinj dhe komentet. Këto nuk janë të nevojshme që Javascript të funksionojë me sukses. Gjithashtu e bën Javascript-in më të vështirë për t'u lexuar kur shikoni burimin.

Shumë zhvillues do të mirëmbajnë një version 'të bukur' dhe, pas implementimit të projektit të tyre, do t'i ekzekutojnë skriptet e tyre përmes një programi minifikimi. Ata gjithashtu shpesh i kombinojnë shumë skedarë skriptesh në një skedar të vetëm.

Pse të përdoret Javascript Minifier?

Qëllimi i minifkimit është rritja e shpejtësisë së një faqeje 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 atë gjithashtu për të 'errësuar' kodin e tyre. Kjo e bën të vështirë leximin e kodit, duke e bërë kështu më të vështirë inxhinierimin e kundërt ose kopjimin.

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

Shembull i Minifyimit të Javascript

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