Cela se déroule il n'y a pas très longtemps dans un pays imaginaire nommé Internet. Dans ce beau pays un petit homme vivait paisiblement en s'occupant à développer des sites.
Tout ce passait bien pour lui jusqu'au jour où survint un problème qui le laissa perplexe.

Le petit homme développait comme à son habitude un site en suivant le mieux qu'il pouvait les recommandations du W3C et avait décidé que les navigateurs de génération 4 ne méritaient pas de comprendre et de rendre les informations de présentation que demandait la feuille de style associée aux pages.

Notre petit homme avait donc utilisé la syntaxe suivante pour appeler sa feuille de style :
<style type="text/css"> @import "style.css"; </style>

Développant en se servant du navigateur libre firefox, quelle ne fût pas sa surprise lorsqu'il fût confronté au FOUC en testant son site sous un navigateur dont il taisait même le nom. L'histoire raconte qu'il s'agissait d'un navigateur mort dont les fonctionnalités étaient dépassées mais que les gens continaient à chérir. Sur ce point, même les plus savants de l'époque n'expliquaient pas ce phénomène.

Bien que grommelant face à ce bug qui ne devait pas exister sur le défunt, il n'avait d'autre choix que d'y remédier. C'est ainsi qu'il pris la décision d'appeler une feuille de style pour l'impression d'une façon plus compréhensible pour ce fameux navigateur, ce qui devait ainsi faire disparaitre le FOUC :
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
<style type="text/css"> @import "library/style/s.css"; </style>

Codé ainsi, le ciel s'était éclairci, notre petit homme était heureux de ce qu'il avait fait. Mais un nouvel orage n'était pas loin...

De nouveaux tests effectués sous un navigateur, IE5 mais sous MacOS9, brisaient de nouveaux tout ces espoirs de voir un jour son site visible à peu pret de partout...

Il réflexionna dur avec lui même, se demandant pourquoi une configuration si précise bloquait totalement l'affichage du site. Car il parait (mais moi j'y crois) que le site ne se chargeait pas du tout. La page était bien demandée au serveur mais elle restait blanche.
Que pouvait-il bien se passer?

Soudain ce fût l'illumination dans son regard, une idée dans sa tête. Brève. Un flash comme si il voyait d'un coup l'avenir. Il s'était rappelé son hack pour combattre le FOUC et comment il l'avait vaincu. Mais il s'était rappelé aussi que cet appel à une feuille style pour l'impression qu'il avait dû rajouter n'aboutissait pas et qu'il n'avait pas préparé de tel fichier.

Il se jeta alors sur son éditeur préféré, créa le fameux fichier et le déposa sur le serveur.
Rechargement de la page sous IE5/MacOS9.
Le miracle s'était produit !
Notre petit homme pouvait être fiert de lui, il avait de nouveau vaincu.

Ce qu'il faut retenir de cette histoire chers visiteurs, c'est que le FOUC peut être vaincu. Mais surtout ce qu'il faut vous souvenir c'est que sous MacOS9 (je ne sais pas sous d'autres versions), IE5 reste bloqué sur la demande d'une feuille de style au serveur (à tester pour des fichiers javascript) et ne saute pas cette étape si elle n'existe pas. Il en résulte une page blanche qui se charge continuellement sans pour autant afficher la moindre chose, mise à part le titre de celle-ci. Pensez donc à bien créer vos fichiers lorsque vous les appelez.