Squishing all the JS and all the CSS into single minified files and linking to them from the HTML page is a reasonable way to go and this appears to be the place that a lot of websites take their optimization to.
However I seldom see a website which has just one resource load.
My question is about whether having three resources like this is exactly the same as taking the contents of them and putting it into the tags to produce one single resource to load. For JS this is straightforward with the <script>
tags (take out src
and put the minified JS into the tag), and for CSS this is simply replacing <link rel="stylesheet" ... />
with <style type="text/css" /> ...minified CSS... </style>
.
Is this a common practice to squeeze the page into the smallest package possible (One single TCP transaction, hopefully)?
If nothing else it drastically simplifies the job of the webserver software.