title: Merge javascript files in runtime
body: <p>So, I got a big menu with a couple of sub-items under each menu-item. Each sub-item needs javascript-includes and in some (pretty often) cases there are 20~ includes. This obviously sucks considering the HTTP-request time blah blah.</p>
  
  <p>My thoughts are the following. I'm creating a merger-file (in PHP) that will handle all the js-includes and make them into one big file. But I got some questions.</p>
  
  <p>There are two cases.</p>
  
  <ol>
  <li>A merger file is created for each sub-item and stored in a special folder. Each sub-item will then include that file, and only that file that is "it's own js-file"</li>
  </ol>
  
  <p>Pros: Very clear that a certain sub-item got it's own js-file.
  Cons: A lot of files and also each time you make a change in a js-file you have to update the merged js-file manually</p>
  
  <ol>
  <li>A merger file is created on the fly for each sub-item depending on some parameters (js.php?modules=jquery-jqueryui-plugin1-plugin2)</li>
  </ol>
  
  <p>Pros: Easy to work with, all changes will be updated instantly since it's generated in runtime.
  Cons: The possibility that the processing time and energy to create the merger-file will even out the loss of 20~ HTTP requests.</p>
  
  <p>So, this is a question about performance. Thoughts?</p>