जावास्क्रिप्ट मिनिफाय टूल
जावास्क्रिप्ट मिनिफाय करणे हे तुम्ही लिहिलेला सुंदर, सुव्यवस्थित JS कोड घेते आणि त्यातील अंतर, इंडेंटेशन, नवीन ओळी आणि टिप्पण्या काढून टाकते. जावास्क्रिप्ट यशस्वीरित्या चालण्यासाठी या सर्व गोष्टी आवश्यक नाहीत. त्यामुळे स्त्रोत पाहताना जावास्क्रिप्ट वाचणे देखील कठीण होते.
बरेच डेव्हलपर्स 'सुंदर' आवृत्ती राखतील आणि त्यांचा प्रकल्प तैनात केल्यावर त्यांच्या स्क्रिप्ट्स एका मिनिफिकेशन प्रोग्रामद्वारे चालवतील. ते अनेकदा त्यांच्या अनेक स्क्रिप्ट फाइल्स एकाच फाइलमध्ये एकत्र करतात.
जावास्क्रिप्ट मिनीफायर का वापरावे?
मिनिफिकेशनचा उद्देश वेबसाइटचा वेग वाढवणे आहे. मिनिफिकेशनमुळे स्क्रिप्ट २०% पर्यंत लहान होऊ शकते, ज्यामुळे डाउनलोड वेळ जलद होतो. काही डेव्हलपर्स त्यांचा कोड 'अस्पष्ट' करण्यासाठी देखील याचा वापर करतील. यामुळे कोड वाचणे कठीण होते, ज्यामुळे रिव्हर्स इंजिनिअरिंग किंवा कॉपी करणे अधिक कठीण होते.
एकाच वेबसाइटसाठी सर्व जावास्क्रिप्ट फाइल्स एकाच फाइलमध्ये एकत्रित करणे ही देखील एक सामान्य पद्धत आहे. याचे अनेक फायदे आहेत. वेबसाइटचे सर्व घटक मिळविण्यासाठी आवश्यक असलेल्या 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);}