आपके ब्राउज़र लोड समय के लिए सबसे अच्छा समाधान सर्वर साइड स्क्रिप्ट का उपयोग उन सभी को एक साथ .js फ़ाइल में शामिल करने के लिए करना होगा। अंतिम संस्करण gzip/minify सुनिश्चित करें। एकल अनुरोध - अच्छा और कॉम्पैक्ट।
वैकल्पिक रूप से, आप <script>
टैग बनाने के लिए DOM का उपयोग कर सकते हैं और उस पर src property सेट कर सकते हैं और इसे <head>
पर जोड़ दें। यदि आपको उस कार्यक्षमता को लोड करने की प्रतीक्षा करने की आवश्यकता है, तो आप अपनी शेष जावास्क्रिप्ट फ़ाइल को उस स्क्रिप्ट टैग पर load
ईवेंट से कॉल कर सकते हैं।
इस समारोह jQuery की कार्यक्षमता $.getScript()
function loadScript(src, f) {
var head = document.getElementsByTagName("head")[0];
var script = document.createElement("script");
script.src = src;
var done = false;
script.onload = script.onreadystatechange = function() {
// attach to both events for cross browser finish detection:
if (!done && (!this.readyState ||
this.readyState == "loaded" || this.readyState == "complete")) {
done = true;
if (typeof f == 'function') f();
// cleans up a little memory:
script.onload = script.onreadystatechange = null;
head.removeChild(script);
}
};
head.appendChild(script);
}
// example:
loadScript('/some-other-script.js', function() {
alert('finished loading');
finishSetup();
});
मैंने अभी भी एक ही आवश्यकता के लिए एक ग्रंट प्लगइन बनाया है - इसमें केवल उन कार्यों को शामिल किया गया है जो आपके मुख्य अनुप्रयोग में उपयोग किए जाते हैं: https://github.com/mr-moon/grunt-contrib-resolve –