one css file or more is better?

[moer2237]

Just doing some house cleaning & looking forward for the pro’s & con’s.

[master](http://www.mytravel22.com/login/masterstyling1.css “master”)

[secondary](http://www.mytravel22.com/secondarystyling.css “”)

[rbar](http://www.mytravel22.com/rbar2.css “”)

3 css files in one [webpage.](http://www.mytravel22.com/kuala-lumpur-hotels.html “webpage”). Actually I’m trying to avoid redundancy of statement. Or even worse contradiction of statement among the css files.

[Paulie_D]

@Hompimpa The only thing you are adding then is an extra http request.

I suspect that the difference in file sizes between adding a ‘global’ and ‘thispage’ css file as opposed a combined file would be minimal.

Have you looked at that?

My guess is that the load weight /time is probably about the same.

[Paulie_D]

@Hompimpa I didn’t say you didn’t have a good reason just that the difference in loading is probably the same.

If you are loading a ‘global’ sheet + a ‘page sheet’ it adds an extra request.

Combining the two sheets eliminates the extra request.

However, if you have multiple pages (perhaps each with separate sheet) then the extra request MIGHT be justified because a single combined CSS sheet might be take longer to load than 2 sheets with an extra request.

It’s something one should test.

[Paulie_D]

In the case of the OP, it looks like they are separate sheets for global page components that should, in an ideal world, be combined into a single css file and just loaded once.

[TheDoc]

I suppose if one of the stylesheets that you’re conditionally loading is like 100KB then you’d have reason to separate them.

As for @moer2237, there’s no way those three files should be separated. If you want, you can have them separated locally but definitely combine (and minify) them during deployment.

[Kitty Giraudel]

> However, if you have multiple pages (perhaps each with separate sheet) then the extra request MIGHT be justified because a single combined CSS sheet might be take longer to load than 2 sheets with an extra request.

I hardly think so. Once Gzipped, a clean stylesheet is blazingly fast to load.

[Paulie_D]

Hence the reason why I qualified my statement with a “might” and suggested

>It’s something one should test.

[moer2237]

Thanks all for the comments, really appreciate it.

Paulie_D – Suggestion taken. I’ll lump it up in one file then.

TheDoc – True, it’s far from 100KB. Actually just approx 3KB combine! Should be no loading issues then.

Hompimpa – Definitely some work on the comment separation but it does help on redundancy & contradiction issues.

Cheers!

[Author]

Posts