[WSG] Slow loading of CSS
Hi all, Its great that more and more people are fully laying out their sites using CSS, but I'm often seeing the problem where the HTML loads before the CSS, leaving a second or so where you can see the raw structure of the site before it gets the stylesheet applied. For example: http://www.comedyfestival.com.au/raw/2005/index.php (Not a site I have anything to do with BTW, just one I came across tonight) This is a fairly simple site, and the developer has done well to build it using CSS, but when I view it using Internet Explorer I'm seeing the raw HTML for about a second before the CSS gets loaded. This can be confusing to the end user, as it almost looks like you are being redirected through another page. On the machine I'm on right now I don't have any other browsers to try it on, but does this problem happen with other browsers? Is there a way to avoid it when the site is browsed using IE? thanks, bye! ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Slow loading of CSS
Ryan Sabir wrote: Hi all, Its great that more and more people are fully laying out their sites using CSS, but I'm often seeing the problem where the HTML loads before the CSS, leaving a second or so where you can see the raw structure of the site before it gets the stylesheet applied. For example: Actually, IE loads the CSS along with the HTML and pauses content rendering untill the CSS is downloaded. What you saw is actually Flash of Unstyled Content, there's more info here: http://www.bluerobot.com/web/css/fouc.asp HTH -David R ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Slow loading of CSS
It's called a Flash of Unstyled Content (FOUC) See http://www.bluerobot.com/web/css/fouc.asp (Found in Resources section of the Web Standards Group's site) Regards -- Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/ Fast-loading, user-friendly websites ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Slow loading of CSS
Hi Ryan, This is a common problem, (Flash of Unstyled Content) with plenty of cures. Check this out: http://www.bluerobot.com/web/css/fouc.asp Prabhath Sirisena www.vesess.com On Mon, 3 Jan 2005 23:34:17 +1100, Ryan Sabir [EMAIL PROTECTED] wrote: Hi all, Its great that more and more people are fully laying out their sites using CSS, but I'm often seeing the problem where the HTML loads before the CSS, leaving a second or so where you can see the raw structure of the site before it gets the stylesheet applied. For example: http://www.comedyfestival.com.au/raw/2005/index.php (Not a site I have anything to do with BTW, just one I came across tonight) This is a fairly simple site, and the developer has done well to build it using CSS, but when I view it using Internet Explorer I'm seeing the raw HTML for about a second before the CSS gets loaded. This can be confusing to the end user, as it almost looks like you are being redirected through another page. On the machine I'm on right now I don't have any other browsers to try it on, but does this problem happen with other browsers? Is there a way to avoid it when the site is browsed using IE? thanks, bye! ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Slow loading of CSS
On Mon, 3 Jan 2005 23:34:17 +1100, Ryan Sabir wrote: I'm often seeing the problem where the HTML loads before the CSS, leaving a second or so where you can see the raw structure of the site before it gets the stylesheet applied. For example: Its called a FOUC - a flash of unstyled content. Does this problem happen with other browsers? From memory, it only happens in IE5.5 and Safari (ok, that probably means it happens in Konquerer too...) Is there a way to avoid it when the site is browsed using IE? Yep, a call to a javascript include, even with a blank link, will kill it. Its late here, so my memory may be faulty, but I beleive the idea is it gives the browser something to do (trying to work out the script) instead of displaying the HTML while the CSS loads. E, correction - thats what the site author has to do. I don't believe the visitor can fix it if they find a site demonstrating it. HIH Lea ~ thinking about bed... -- Lea de Groot Elysian Systems - I Understand the Internet http://elysiansystems.com/ Search Engine Optimisation, Usability, Information Architecture, Web Design Brisbane, Australia ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Slow loading of CSS
On 3 jan 2005, at 14.02, Lea de Groot wrote: Its called a FOUC - a flash of unstyled content. Does this problem happen with other browsers? From memory, it only happens in IE5.5 and Safari (ok, that probably means it happens in Konquerer too...) Safari? I use it all the time, 10-15 hours a day, and I can't remember ever seeing a FOUC in Safari. Could it be that it only happens in the very first versions? I didn't use Safari full time until late 2003, when Mac OS X 10.3 and Safari 1.1 were released, so I may not have paid attention to any FOUC going on in releases before that. Or have I just been lucky? /Roger -- http://www.456bereastreet.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Slow loading of CSS
Hi, Interestingly I saw the FOUC for about a minute before the style appeared, and it was a good thing, because the site was fully usable, so I read it through before any styles were applied :) I have mostly encountered this with cssZenGarden (when the stylesheet is fetched from some far-far-away server), althought there it's not so usuful thing, because I already know the content :P Using Opera, Rene ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **