A question about performance.
I have a web project with different CSS files at the moment (uncompressed). Every page is including the needed files.
I am thinking about putting all style definitions in one file, compressing it, and putting it central in the header.
What makes for a better performance? One file compressed (every page loads all styles), or to split the files and only load the needed ones?
Splitting the files up will require the browser to do more requests – in the long run, this is probably slower than if you put up one stylesheet that is reused for all the pages. Once the browser has the stylesheet, it will be stored in the browsercache. For all pages after the first, the browser won’t need to download the stylesheets. In the end I think this gives a better user experience.
Hope this helps!