प्रदर्शन बढ़ाने के लिए, जावास्क्रिप्ट को बाहरी रखने का प्रयास करें। अलग कोड वेब ब्राउज़र के लिए कैश करना आसान बनाता है। हालांकि, इनलाइन स्क्रिप्ट का उपयोग तभी करें जब आप सिंगल पेज वेबसाइट बना रहे हों।
फिर भी, बाहरी कोड यानी बाहरी जावास्क्रिप्ट का उपयोग करना बेहतर है। JavaScript को बाहरी फ़ाइल में रखने के लिए .js एक्सटेंशन वाली एक बाहरी JavaScript फ़ाइल बनाएँ। बनाने के बाद, इसे स्क्रिप्ट टैग में HTML फ़ाइल में जोड़ें। उस बाहरी JavaScript फ़ाइल को शामिल करने के लिए src विशेषता का उपयोग किया जाता है।
यदि आपके पास एक से अधिक बाहरी जावास्क्रिप्ट फ़ाइल हैं, तो पेज के प्रदर्शन को बढ़ाने के लिए इसे उसी वेब पेज में जोड़ें।
मान लें कि निम्नलिखित new.js हमारी बाहरी JavaScript फ़ाइल है -
function display() {
alert("Hello World!");
}
अब बाहरी जावास्क्रिप्ट फ़ाइल को HTML वेब पेज में जोड़ें
उदाहरण
लाइव डेमो
<html>
<body>
<form>
<input type = "button" value = "Result" onclick = "display()"/>
</form>
<script src = "new.js">
</script>
</body>
</html>