For web designers in the know this is called the “flash of unstyled content” or FOUC. What happens is IE renders HTML content and applies the style sheet afterward, resulting in a quick transformation into the expected design. Even though the CSS is applied in a flash it’s still perceptible.

I’ve been working with a colleague on a Drupal-powered web site and he got tired of watching FOUC. Here’s his fix.

This works in Drupal 4.7 and probably earlier versions. Edit the file includes/theme.inc and modify the function theme_stylesheet_import() by changing @import to <link>. Pardon the lack of exact code but if you found this post you’re smart enough to figure it out.

Related links:

Related posts: