前端性能考虑

顶部的Styles,底部的scripts

这真的是一条基本规则,每个人都能非常容易的在大多数时间遵守,但为什么它重要?简短的说:

·        CSS 块渲染, 因此你需要立即处理它(即在文档的顶部,在你的<head>之中)。

·        JS 块下载, 因此你需要最后处理它们,以确保它们没有耽误页面中任何其它东西。

 

更少的请求

尽可能并行

 

 

·        将样式表放在文档的顶部

·        将JavaScript放在底部(可能的地方)

·        尽可能减少HTTP请求

·        从多个域名提供资源服务能增加浏览器并行下载的资源数量。

 

 

CSS 与性能

·        永远不要从一个固定/资源域名提供服务 因为这会引起DNS查询并进一步延迟渲染。

·        先提供服务 因此浏览器可以继续忙下去。

·        合并它 因为不管怎样浏览器会获取所有CSS,你最好将所有这些压缩于一个HTTP请求。

·        压缩并简化它 以便浏览器需要下载的少一些。

·        缓存它的一切 以便上述的过程尽可能少的发生。

CSS位于关键路径,因此你需要尽早先解决它,它阻塞渲染就意味着降低了用户的性能体验。 把CSS移到子域名会损害性能。

标签