Make one stylesheet

[Iamdbat]

I was using Yslow from Yahoo and had a lightbulb moment

Can anyone enlighten me as to what is the best way of going about amalgamating the Style.css Sheet and the 'Blue'.css style Sheet into one single style sheet?

I believe this will make my site load faster

[Painstik]

You could do that, transfer all Blue.css lines into Styles.css, but do you think that amalgamating only those two files you will solve your problem with Yslow? If you want to do it, you should do amalgamating with all css and javascript files you have, so you reduce from 30 files to 2, and so does http requests.

Also you should do CSS sprites, cos there are plenty of small images which could be combined to one, and so reduced number of http requests.

Reduce the number of css lines by combining similar ones, use default styles (a, p, h2, h3, h4...) as much as possible. (example: Left and right side are divided, you could combine them to remove 1/2 of this css code).


To get better score on Yslow you will have to do a lot of work, cos Interspire didn't focus on design and optimization of their templates.

[Tony Barnes]

I looked into CSS sprites a bit ago, really neat idea, but really couldn't be bothered for ISC..!

[Painstik]

I read somewhere a "tip" for optimizing...

Remove all unnecessary tab spaces and comments from your html and css files

[Tony Barnes]

Sounds like a plan

[Iamdbat]

You could do that, transfer all Blue.css lines into Styles.css, but do you think that amalgamating only those two files you will solve your problem with Yslow? If you want to do it, you should do amalgamating with all css and javascript files you have, so you reduce from 30 files to 2, and so does http requests.

Also you should do CSS sprites, cos there are plenty of small images which could be combined to one, and so reduced number of http requests.

Reduce the number of css lines by combining similar ones, use default styles (a, p, h2, h3, h4...) as much as possible. (example: Left and right side are divided, you could combine them to remove 1/2 of this css code).


To get better score on Yslow you will have to do a lot of work, cos Interspire didn't focus on design and optimization of their templates.

So .... how would you combine all the Java Files - would you know?

[CharlieFoxtrot]

I was using Yslow from Yahoo and had a lightbulb moment

Can anyone enlighten me as to what is the best way of going about amalgamating the Style.css Sheet and the 'Blue'.css style Sheet into one single style sheet?

I believe this will make my site load faster

It certainly makes things easier when editing a SINGLE stylesheet instead of two.