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