`
fuhao_987
  • 浏览: 61564 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

加速网站速度的最佳做法_(2)把样式表放在顶部

阅读更多
    在雅虎性能的研究中,我们发现把样式表放在HEAD中使得页面看起来加载比较快。因为把样式表放在HEAD使得页面能够逐步呈现。
    前端工程师关注性能,希望页面能够快速的加载,也就是说希望浏览器能够尽快地显示内容。这对拥有很多内容的页面来说是很重要的,对那些网络比较慢的用户来说也是重要的。给用户提供可视化的回馈是很重要的,比说进度指标,这些都得到了很好的研究也有相应的文档http://www.useit.com/papers/responsetime.html。我们认为HTML页面是一个过程页面。当浏览器加载页面的时候,是按照头,导航条,顶部的logo等,给用户可视化得呈现出来。这可以提高用户的整体体验。

把样式表放在底部的问题是:它使得很多浏览器不能逐步呈现,包括IE。这些浏览器会采用块渲染的方式,以避免当样式改变时重画元素。用户将会被卡住观看一个空白页。

HTML规则http://www.w3.org/TR/html4/struct/links.html#h-12.3清楚的说明了样式表需要被包含在HEAD中。“不同于A,[LINK]需要出现在HEAD中,当然它可以出现很多次。”对于空白屏幕或者是无样式的FLASH,都是值得牺牲的。最优的解决方法就是遵循HTML的规范,并且把你的样式表放在HEAD中。
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics