ਜਾਵਾਸਕ੍ਰਿਪਟ ਮਿਨੀਫਾਈ ਟੂਲ
ਜਾਵਾਸਕ੍ਰਿਪਟ ਨੂੰ ਘੱਟ ਕਰਨ ਨਾਲ ਤੁਹਾਡੇ ਦੁਆਰਾ ਲਿਖਿਆ ਗਿਆ ਸੁੰਦਰ, ਚੰਗੀ ਤਰ੍ਹਾਂ ਬਣਿਆ JS ਕੋਡ ਲੱਗਦਾ ਹੈ ਅਤੇ ਸਪੇਸਿੰਗ, ਇੰਡੈਂਟੇਸ਼ਨ, ਨਵੀਆਂ ਲਾਈਨਾਂ ਅਤੇ ਟਿੱਪਣੀਆਂ ਨੂੰ ਹਟਾ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ। ਜਾਵਾਸਕ੍ਰਿਪਟ ਨੂੰ ਸਫਲਤਾਪੂਰਵਕ ਚਲਾਉਣ ਲਈ ਇਹਨਾਂ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ। ਇਹ ਸਰੋਤ ਦੇਖਣ ਵੇਲੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਨੂੰ ਪੜ੍ਹਨਾ ਵਧੇਰੇ ਮੁਸ਼ਕਲ ਬਣਾਉਂਦਾ ਹੈ।
ਬਹੁਤ ਸਾਰੇ ਡਿਵੈਲਪਰ ਇੱਕ 'ਸੁੰਦਰ' ਸੰਸਕਰਣ ਨੂੰ ਕਾਇਮ ਰੱਖਣਗੇ, ਅਤੇ ਉਹਨਾਂ ਦੇ ਪ੍ਰੋਜੈਕਟ ਦੇ ਤੈਨਾਤ ਹੋਣ 'ਤੇ ਇੱਕ ਮਿਨੀਫੀਕੇਸ਼ਨ ਪ੍ਰੋਗਰਾਮ ਦੁਆਰਾ ਆਪਣੀਆਂ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਚਲਾਉਂਦੇ ਹਨ। ਉਹ ਅਕਸਰ ਆਪਣੀਆਂ ਬਹੁਤ ਸਾਰੀਆਂ ਸਕ੍ਰਿਪਟ ਫਾਈਲਾਂ ਨੂੰ ਇੱਕ ਸਿੰਗਲ ਫਾਈਲ ਵਿੱਚ ਜੋੜਦੇ ਹਨ।
ਜਾਵਾਸਕ੍ਰਿਪਟ ਮਿਨੀਫਾਇਰ ਦੀ ਵਰਤੋਂ ਕਿਉਂ ਕਰੀਏ?
Minifcation ਦਾ ਉਦੇਸ਼ ਇੱਕ ਵੈਬਸਾਈਟ ਦੀ ਗਤੀ ਨੂੰ ਵਧਾਉਣਾ ਹੈ. ਮਿਨੀਮਾਈਜ਼ੇਸ਼ਨ ਇੱਕ ਸਕ੍ਰਿਪਟ ਨੂੰ 20% ਤੱਕ ਛੋਟਾ ਬਣਾ ਸਕਦੀ ਹੈ, ਨਤੀਜੇ ਵਜੋਂ ਇੱਕ ਤੇਜ਼ ਡਾਊਨਲੋਡ ਸਮਾਂ ਹੁੰਦਾ ਹੈ। ਕੁਝ ਡਿਵੈਲਪਰ ਆਪਣੇ ਕੋਡ ਨੂੰ 'ਅਸਪਸ਼ਟ' ਕਰਨ ਲਈ ਵੀ ਇਸਦੀ ਵਰਤੋਂ ਕਰਨਗੇ। ਇਹ ਕੋਡ ਨੂੰ ਪੜ੍ਹਨਾ ਔਖਾ ਬਣਾਉਂਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਰਿਵਰਸ ਇੰਜੀਨੀਅਰ ਜਾਂ ਕਾਪੀ ਕਰਨਾ ਹੋਰ ਵੀ ਮੁਸ਼ਕਲ ਹੋ ਜਾਂਦਾ ਹੈ।
ਇੱਕ ਵੈਬਸਾਈਟ ਲਈ ਸਾਰੀਆਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਫਾਈਲਾਂ ਨੂੰ ਇੱਕ ਫਾਈਲ ਵਿੱਚ ਜੋੜਨਾ ਵੀ ਆਮ ਅਭਿਆਸ ਹੈ। ਇਸ ਦੇ ਕਈ ਫਾਇਦੇ ਹਨ। ਇਹ HTTP ਬੇਨਤੀ ਦੀ ਗਿਣਤੀ ਨੂੰ ਘਟਾਉਂਦਾ ਹੈ ਜੋ ਇੱਕ ਵੈਬਸਾਈਟ ਦੇ ਸਾਰੇ ਤੱਤ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਕੀਤੇ ਜਾਣ ਦੀ ਲੋੜ ਹੈ. ਇਹ ਮਿਨੀਫਿਕੇਸ਼ਨ ਅਤੇ gzip ਕੰਪਰੈਸ਼ਨ ਨੂੰ ਹੋਰ ਪ੍ਰਭਾਵੀ ਬਣਾਉਂਦਾ ਹੈ।
Javascript Minify ਉਦਾਹਰਨ
ਸੁੰਦਰ ਜਾਵਾਸਕ੍ਰਿਪਟ:
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);
}ਇਹ ਛੋਟਾ ਹੋ ਜਾਂਦਾ ਹੈ:
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);}