CSS file size / file splitting
Posted: Mon Dec 11, 2006 1:48 pm
I have a site I'm designing with a single CSS file of around 8k. Mostly this is generic site-wide stuff (header / footer, boxes etc) but there are some page specific styles in there as well.
The main page of my site is a 3 column design, while later pages are single column with different layout elements specific to those pages (eg. search results).
Given this, if I keep all the CSS in one file, then there will be a large amount of unused style information loaded with each page.
I realise that for the most part, the file will get cached and so size will only be an issue on the initial load, but I'm wondering if I should be splitting the CSS file into 1 generic one and a series of page specific ones.
Perhaps this is only needed over a certain size .... and if so, any guesses to that threshold?
Cheers
The main page of my site is a 3 column design, while later pages are single column with different layout elements specific to those pages (eg. search results).
Given this, if I keep all the CSS in one file, then there will be a large amount of unused style information loaded with each page.
I realise that for the most part, the file will get cached and so size will only be an issue on the initial load, but I'm wondering if I should be splitting the CSS file into 1 generic one and a series of page specific ones.
Perhaps this is only needed over a certain size .... and if so, any guesses to that threshold?
Cheers