March 03, 2005

FOUC

I've been mucking around with CSS for a few years now, but for some odd reason I'd never come across the term FOUC before a couple months ago when someone e-mailed me about it.

FOUC is basically that flash of white (maybe you'll see the text too) when loading a CSS-styled webpage. It's the unstyled content that gets displayed after the browser has downloaded the HTML but before it's finished downloading/applying the CSS.

I got another e-mail about FOUCs today and I figured I'd share the link I was given to everyone. It's very informative and worth at least a skim.

The address is http://www.bluerobot.com/web/css/fouc.asp.

Basically the quick fix is to stick a STYLE or SCRIPT block somewhere in the HEAD element of your page.

I'm going to try and duplicate and/or expand on some of the e-mails I get here in the blog since I'd guess for everyone 1 question I get, there's 10 that have the same question but don't e-mail me.

Posted by Ruthsarian at 11:45 AM | Comments (1)

Comments

The first time I actually saw the FOUC was on http://sprintpcs.com several months ago. Oddly enough, I'm using Safari, AND there are LINK elements in Sprint's code, so in this case it may have something to do with server performance. Erm, or just maybe my G4 is getting long in the tooth.

BTW, I've learned a lot from your site. Thanks!

Posted by: Eric Hassler at March 5, 2005 01:56 PM

Post a comment










Code:
Type Code:

Remember personal info?







Categories