title: Including loads of css files and Javascript file - how do I optimize
body: <p><strong>Duplicate:</strong> <a href="https://stackoverflow.com/questions/490618/multiple-javascript-css-files-best-practices">Multiple javascript/css files: best practices?</a></p>
  
  <p>Hi guys, my application is almost done but the thing is that I've noticed that I'm including a lot of external javascript files and css. I'm using a lot of third party free plugins here and didnt want to touch the code for fear of messing something up.</p>
  
  <p>But the result is that I notice that I have now included 8 external css files as well as a whopping 20 external Javascript files :O - I don't recall having seen any major website include more than 2 or 3 css_ js files combined so I definitely must be doing something wrong here. How do I sort this out - I read somewhere that one large js file is more quicker to load than 2 or 3 files which are even half the accumulated size.</p>
  
  <p>Any help would be greatly appreciated</p>