Page 1 of 1
Make one stylesheet
Posted: Sun Oct 18, 2009 1:50 am
by 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
Re: Make one stylesheet
Posted: Sun Oct 18, 2009 3:26 pm
by 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.
Re: Make one stylesheet
Posted: Mon Oct 19, 2009 9:15 am
by Tony Barnes
I looked into CSS sprites a bit ago, really neat idea, but really couldn't be bothered for ISC..!
Re: Make one stylesheet
Posted: Mon Oct 19, 2009 11:21 am
by Painstik
I read somewhere a "tip" for optimizing...
Remove all unnecessary tab spaces and comments from your html and css files

Re: Make one stylesheet
Posted: Mon Oct 19, 2009 2:20 pm
by Tony Barnes
Sounds like a plan

Re: Make one stylesheet
Posted: Mon Oct 19, 2009 4:49 pm
by Iamdbat
Painstik wrote: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?
Re: Make one stylesheet
Posted: Tue Oct 20, 2009 9:59 am
by CharlieFoxtrot
Iamdbat wrote: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.