เพื่อเพิ่มประสิทธิภาพ พยายามเก็บ JavaScript ไว้ภายนอก (external) โค้ดแยกต่างหากทำให้เบราว์เซอร์แคช (cache) ได้ง่ายขึ้น อย่างไรก็ตาม ใช้ inline scripts เฉพาะเมื่อคุณทำเว็บไซต์หน้าเดียว (single page websites)
ยังคงดีกว่าที่จะใช้ external code คือ external JavaScript เพื่อวาง JavaScript ในไฟล์ภายนอก ให้สร้างไฟล์ JavaScript ภายนอกด้วยนามสกุล .js หลังสร้างแล้ว ให้เพิ่มในไฟล์ HTML ในแท็ก script แอตทริบิวต์ src ใช้รวมไฟล์ JavaScript ภายนอกนั้น
หากคุณมีไฟล์ JavaScript ภายนอกมากกว่าหนึ่งไฟล์ ให้เพิ่มในหน้าเว็บเดียวกันเพื่อเพิ่มประสิทธิภาพของหน้า
สมมติว่า new.js ต่อไปนี้คือไฟล์ JavaScript ภายนอกของเรา −
function display() { alert("Hello World!"); }
ตอนนี้เพิ่มไฟล์ JavaScript ภายนอกไปยังหน้าเว็บ HTML
ตัวอย่าง
Live Demo<html> <body> <form> <input type = "button" value = "Result" onclick = "display()"/> </form> <script src = "new.js"> </script> </body> </html>
