title: Good Practice with External JavaScript files
body: <p>I'm new to JavaScript.</p>
  
  <p>How should I split my functions across external scripts? What is considered good practice? should all my functions be crammed into one external <code>.js</code> file or should I group like functions together?</p>
  
  <p>I would guess more files mean more HTTP requests to obtain the script and that could slow down performance? However more files keep things organized: for example, <code>onload.js</code> initializes things on load, <code>data.js</code> retrieves data from the server, <code>ui.js</code> refer to UI handlers...</p>
  
  <p>What's the pros advice on this?</p>
  
  <p>Thanks!</p>