在雅虎性能的研究中,我们发现把样式表放在HEAD中使得页面看起来加载比较快。因为把样式表放在HEAD使得页面能够逐步呈现。
前端工程师关注性能,希望页面能够快速的加载,也就是说希望浏览器能够尽快地显示内容。这对拥有很多内容的页面来说是很重要的,对那些网络比较慢的用户来说也是重要的。给用户提供可视化的回馈是很重要的,比说进度指标,这些都得到了很好的研究也有相应的文档[url]http://www.useit.com/papers/responsetime.html[/url]。我们认为HTML页面是一个过程页面。当浏览器加载页面的时候,是按照头,导航条,顶部的logo等,给用户可视化得呈现出来。这可以提高用户的整体体验。
把样式表放在底部的问题是:它使得很多浏览器不能逐步呈现,包括IE。这些浏览器会采用块渲染的方式,以避免当样式改变时重画元素。用户将会被卡住观看一个空白页。
HTML规则[url]http://www.w3.org/TR/html4/struct/links.html#h-12.3[/url]清楚的说明了样式表需要被包含在HEAD中。“不同于A,[LINK]需要出现在HEAD中,当然它可以出现很多次。”对于空白屏幕或者是无样式的FLASH,都是值得牺牲的。最优的解决方法就是遵循HTML的规范,并且把你的样式表放在HEAD中。
前端工程师关注性能,希望页面能够快速的加载,也就是说希望浏览器能够尽快地显示内容。这对拥有很多内容的页面来说是很重要的,对那些网络比较慢的用户来说也是重要的。给用户提供可视化的回馈是很重要的,比说进度指标,这些都得到了很好的研究也有相应的文档[url]http://www.useit.com/papers/responsetime.html[/url]。我们认为HTML页面是一个过程页面。当浏览器加载页面的时候,是按照头,导航条,顶部的logo等,给用户可视化得呈现出来。这可以提高用户的整体体验。
把样式表放在底部的问题是:它使得很多浏览器不能逐步呈现,包括IE。这些浏览器会采用块渲染的方式,以避免当样式改变时重画元素。用户将会被卡住观看一个空白页。
HTML规则[url]http://www.w3.org/TR/html4/struct/links.html#h-12.3[/url]清楚的说明了样式表需要被包含在HEAD中。“不同于A,[LINK]需要出现在HEAD中,当然它可以出现很多次。”对于空白屏幕或者是无样式的FLASH,都是值得牺牲的。最优的解决方法就是遵循HTML的规范,并且把你的样式表放在HEAD中。