顶部的Styles,底部的scripts
这真的是一条基本规则,每个人都能非常容易的在大多数时间遵守,但为什么它重要?简短的说:
· CSS 块渲染, 因此你需要立即处理它(即在文档的顶部,在你的<head>之中)。
· JS 块下载, 因此你需要最后处理它们,以确保它们没有耽误页面中任何其它东西。
更少的请求
尽可能并行
· 将样式表放在文档的顶部
· 将JavaScript放在底部(可能的地方)
· 尽可能减少HTTP请求
· 从多个域名提供资源服务能增加浏览器并行下载的资源数量。
CSS 与性能
· 永远不要从一个固定/资源域名提供服务 因为这会引起DNS查询并进一步延迟渲染。
· 先提供服务 因此浏览器可以继续忙下去。
· 合并它 因为不管怎样浏览器会获取所有CSS,你最好将所有这些压缩于一个HTTP请求。
· 压缩并简化它 以便浏览器需要下载的少一些。
· 缓存它的一切 以便上述的过程尽可能少的发生。
CSS位于关键路径,因此你需要尽早先解决它,它阻塞渲染就意味着降低了用户的性能体验。 把CSS移到子域名会损害性能。