Javascript Minify उपकरण
जाभास्क्रिप्टलाई मिनिफाइ गर्नाले तपाईंले लेख्नुभएको सुन्दर, राम्रोसँग बनेको JS कोड लिन्छ र स्पेसिङ, इन्डेन्टेसन, नयाँलाइनहरू र टिप्पणीहरू हटाउँछ। जाभास्क्रिप्ट सफलतापूर्वक चलाउनको लागि यी आवश्यक पर्दैन। यसले स्रोत हेर्दा जाभास्क्रिप्ट पढ्न अझ गाह्रो बनाउँछ।
धेरै विकासकर्ताहरूले एक 'सुन्दर' संस्करण कायम गर्नेछन्, र तिनीहरूको परियोजनाको तैनातीमा तिनीहरूको स्क्रिप्टहरू मिनिफिकेसन कार्यक्रम मार्फत चलाउनेछन्। तिनीहरू प्रायः तिनीहरूका धेरै स्क्रिप्ट फाइलहरू एकल फाइलमा जोड्छन्।
किन Javascript Minifier प्रयोग गर्ने?
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);
}यो minified बन्छ:
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);}