जावास्क्रिप्ट मिनिफ़ाई टूल
जावास्क्रिप्ट को छोटा करने से आपके द्वारा लिखा गया सुंदर, सुव्यवस्थित 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);}