1、应该将 CSS 放置于结构的上方（一般放置于 head 元素内）。CSS 是解释型语言，Firefox 和 IE 在等待 CSS 传输完成之前不会渲染任何东西。只有将 CSS 前置，才可在浏览器解析结构时，对页面进行渲染。
This causes the blank white screen problem. The page is totally blank until the stylesheet at the bottom is downloaded, on the order of 6-10 seconds for this page. The browser is waiting for the stylesheet to be loaded before it renders anything else in the page, even the static text.
导致的问题就是，页面会有一段时间“朴素”，突然之间又“华丽”，用户体验很不好。
2、尽量使用 <link rel=”stylesheet” href=”http://www.planabc/yuanxin.css” type=”text/css”> 的样式导入方式，而减少 @import 的使用，更勿使用多层嵌套的 @import 。因为在 IE 里， @import 相当于将 <link> 放在页面尾部。
This is a valid syntax, but, even though it’s in the document’s HEAD, it breaks progressive rendering and instead causes the blank white screen and Flash of Unstyled Content problems.
扩展阅读：
：
共有14 条评论
怿飞很高产呀, 呵呵~
记得yahoo曾经有建议说, 要提高首页的加载速度建议将css和js嵌入到首页html代码里面, 是这样的吗?
Opera始终有一段时间的朴素，不管你是否将stylesheet放在头部。
@Robin 是这样的，Yahoo!是推荐首页的CSS和JS内联（inline），因为这样可以减少HTTP请求数，毕竟首页的浏览量是超级高的。
@Lunatic Sun 对于能做出的优化，我们尽量去做，不一定是最好的，但至少可以提高一定的性能。
如果英文不好，可以看翻译过的 FOUS :http://www.cheshirecat.cn/web-standards/11.htm
在css框架里一般都是用@import来导入几个样式到一个样式，最后使用这种方式导入到页面，这样也会有影响么？
FOUS有中文, 早说呀.
幸好我都是按要求在head区用link方式载入的，学习了
页面优化是大型站点一个重头戏，包括很多方面。制作人员要解决的页面本身的问题，其中有效的降低请求，降低页面K数，降低JS数量，等等基本做法.
CSS优化：一缩减其容量，二减少Background-Image的数量
其次上面怿飞说到的。
我看过Yahoo的CSS的写法，以及目前比较通用的写法，都是非常不认同。
yahoo样式大小可以缩减30%.其它各大站点也有同样的问题。特别是taobao问题非常严重。这个需要制作人员和设计师去讨论了。
有学到了一点，呵呵
@TONY 淘宝内部已经在推广优化，让优化细化到工作中去，其实在过去的日子里，我们也一直在努力优化着淘宝的页面，但有一些遗留问题还有其他，暂时还无法解决。但我们会一直努力下去。
我好像记得fouc只是旧版ie(5-)浏览器的问题
实际上，优良的页面结构，制作人员弄清楚页面流向，和浮动的流向基本能够打造一个无坚不摧的页面，基本可以经过各种浏览器的考验。且CSS K数也可以降低，看怎么去搭架子吧！
我感觉浏览量很大的网站的首页和栏目首页的css和js最好使用Internal的方式加载，减少请求数量，解决服务器维护人员的烦恼：）；小网站就没有考虑这个的必要了，不过css与js文件最好压缩，可以减少文件的体积。