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

在雅虎性能的研究中，我们发现把样式表放在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中。