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.

Advertisements

0 thoughts on “FOUC

  1. 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!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s