title: MVC 4 - Where to load JS Scripts
body: <p>I am fairly new to MVC and I have noticed a lot of inconsistencies with loading js files I have written and tried to load.</p>
  
  <p>To start, here is how I have my website setup:</p>
  
  <pre><code>    _Layout.cshtml (main page)
  Index.cshtml
  _MainMenu.cshtml (partial view)
  </code></pre>
  
  <p>I render my MainMenu in the body of Layout.  All jquery scripts are loaded in the footer of layout (I read somewhere that was preferrable).</p>
  
  <p>When I render a view, I load any specific scripts related to that content at the top of the view.</p>
  
  <p>What is the best way to go about loading javascript files (whether it's cdn files from google or files included in my project)?  Should I load all of them in the header of my layout page, or just load them as I use them?  Can someone please explain the best practice and managing/loading/using javascript files in an mvc application.</p>
  
  <p>Thank you for your input!</p>