CSS 中の @importが何故ヤバいのか
タイトルはホッテントリメーカーより． ヤバイってほどじゃないです．
YSlowで自分が作ったサイトをチェックしてみると，
5. Put CSS at the top
の項目がF（最下位）ランクに．
この項目は，
・ルール5: 「CSSは最初に書け」〜Put CSS at the Top
CSSの記述や呼び出しはHTMLの上部（タグ）に集中させます。後ろの方に書いてしまうと、それまでに一度表示された要素のスタイルが変更されたことになり、余計な再描画が発生してしまいます。
http://dragon.jp/column/archives/miyanaga_070802.html
つまり，
タグ中で，という風に呼び出しなさいという事．でも，例えそれをしても，その呼び出したCSS中で@importで呼んでいるCSSは，一番最後に読み込まれるので意味なし．
これは，FirefoxでもIEでもどちらでも起こる現象．
で，さらにこれは，FOUC(flash of unstyled content)という現象を生むらしい．
IEでは，スタイルシートを全て読み込んでいないのに，コンテンツを表示させようとして，一瞬白く表示されて点滅しているように見える．
また，この回避方法として，
@importは便利だけど，パフォーマンスにうるさいサイトでは@importは使わない方がいいのかもしれない．
Flash of Unstyled Content (FOUC)
http://www.bluerobot.com/web/css/fouc.asp/
