前端性能考虑

16 篇文章 0 订阅

顶部的Styles,底部的scripts

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

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

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

 

更少的请求

尽可能并行

 

 

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

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

·        尽可能减少HTTP请求

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

 

 

CSS 与性能

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

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

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

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

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

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

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值