规则5 将样式表放在顶部

1. 组件(图片、样式表、脚本等等)是呈现页面所必须的,组件通常是按照在文档出现的顺序下载的。

 

2. 样式表在页面中的位置并不影响下载时间,但是会影响页面的呈现。

    如果样式表仍在加载,构建呈现树就是一种浪费,因为在所有样式表加载并解析完毕之前无需绘制任何东西。否则,在其准备好之前显示内容就会遇到FOUC(无样式内容闪烁)问题。

    样式表放在文档底部时,IE针对以下三种情况会用白屏代替闪烁:

    a. 在新窗口中打开时;

    b. 重新加载时;

    c. 作为主页。

 

3. @import会造成组件无序下载,从而可能会引起闪烁和白屏,用link不会出现问题。

    HTML规范:和A不一样,<link>只能出现在文档的head中,但出现次数是任意的。

posted on 2013-04-12 18:59  BigPalm  阅读(177)  评论(0编辑  收藏  举报

导航