title: Single page web app: single html file or several files loaded using ajax?
body: <p>I have this relatively large web app, it is a single page with ajax calls for the business logic.</p>
  
  <p>Currently I have a small html file that loads all css and js files, and then loads the actual content of the page using ajax, so I have like 15 html files to load a single page (each html file is a "div" in the main html page.</p>
  
  <p>Several files are easier to maintain, but my question is: what is better in terms of performance / User experience?</p>
  
  <p>Keep it as is now (several files loaded async) OR have a script that joins all the files on "compile" time (when deploying)?</p>
  
  <p>I understand that having a single html file is more efficient in terms of network performance, but on the other hand a small file will load faster, and the rest of the content will load after a "loading" dialog.</p>