规则5 将样式表放在顶部
1. 组件(图片、样式表、脚本等等)是呈现页面所必须的,组件通常是按照在文档出现的顺序下载的。
2. 样式表在页面中的位置并不影响下载时间,但是会影响页面的呈现。
如果样式表仍在加载,构建呈现树就是一种浪费,因为在所有样式表加载并解析完毕之前无需绘制任何东西。否则,在其准备好之前显示内容就会遇到FOUC(无样式内容闪烁)问题。
样式表放在文档底部时,IE针对以下三种情况会用白屏代替闪烁:
a. 在新窗口中打开时;
b. 重新加载时;
c. 作为主页。
3. @import会造成组件无序下载,从而可能会引起闪烁和白屏,用link不会出现问题。
HTML规范:和A不一样,<link>只能出现在文档的head中,但出现次数是任意的。