Does (CSS) size really matter? 1

[traingamer]

And remember, it should only load once. Then it'll be cached in most people's browsers.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[CBrownAtWork]

Thanks cLFlaVA --

Yeah, I've been looking at this monster for 6 months now and dreading the idea of reorganizing it.

Does anyone know of any sites with load time comparisons or hard data about how CSS files affect speed? I'm going to need something to point to if my boss is going to let me tackle this one.

Thanks!

-- Chris

 

[cLFlaVA]

um, how did that happen?

*cLFlaVA
----------------------------
[tt]a frickin' twelve-gauge, what do you think?[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[traingamer]

Speed check website optimization
(One of the built in links on the Firefox Web Developer Toolbar under Information.)

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[CBrownAtWork]

cLFlaVA -- How did what happen? The css file getting so big? From what I understand, it was created by someone who is no longer working here, and has just been added to over the years. Mostly by people that haven't really been concerned with the true potential of css.

Greg -- I asked one of the developers about that and was told the cache is flushed after each page view because the site is used for reports (they want the user to run fresh data with each view), so no help there.

It's a closed site (like an intranet) so we're only dealing with IE6.

Thanks!

-- Chris

 

[traingamer]

You should still be able to use the speed report link above. As for the cache, you can probably figure out if just the reports are being loaded fresh or if the css is, also.
In any case, 76K is a very large css file.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[cLFlaVA]

no, how did it happen that one of my posts keeps staying at the bottom of this page...

*cLFlaVA
----------------------------
[tt]a frickin' twelve-gauge, what do you think?[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[CBrownAtWork]

Thanks, Greg --

I've only been learning css for a few months now, but I thought 76K was a little excessive.

Thanks for the link.

-- Chris

 

[CBrownAtWork]

Hi --

I'm a new graphic designer working on an established site. There is only one CSS file for the site and it's the largest file that loads for each page (76 KB, with at least 50 IDs and over 300 classes). Could a file like that affect performance? Would it be worth it to break it up into several linked files, or would the difference be minimal (or undetectable)?

The purist in me knows it really should be broken up (at least cleaned out), but I've already got a full-time job.

Thanks for your input!

-- Chris

 

[cLFlaVA]

it would be worth optimizing your css so it wasn't so large.

*cLFlaVA
----------------------------
[tt]a frickin' twelve-gauge, what do you think?[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[Vragabond]

Cory, it was sent at the latest hour. Tek-tips servers were messed up somehow. Actually, original post was also posted last, but stays first because it is the title post. Traingamers reply was actually posted before the question was asked, according to time.

 

[cLFlaVA]

very interesting...

*cLFlaVA
----------------------------
[tt]a frickin' twelve-gauge, what do you think?[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[imstillatwork]

WOW.

Thats freaking huge.

what might help get familiar with it is to use the web developer plug in on firefox, and hit the display class and id information, it will show you on the page where each class or id is used. very helpfull for getting familiar with someone elses code.