道场
最新
推荐
订阅
解道Jdon
面向对象
设计模式
领域驱动设计
微服务
企业架构
架构设计
SOA
可伸缩性
性能设计
事务
RESTful
事件驱动
缓存设计
编程
Spring框架
Jdon框架
并发编程
异步编程
响应编程
函数编程
AOP编程
分布式
分布式设计
SpringCloud
事件溯源
CQRS
NoSQL
区块链
云计算
大数据
学习教程
培训咨询
教程列表
Java基础
安卓
Node.js
Javascript
工作流BPM
业务分析
如何提升浏览器CSS的网络性能? – csswizardry
21-01-25
banq
总结用于加载CSS的最佳网络性能做法:
延迟加载Start Render不需要的任何CSS:
这可能是关键CSS;
或将CSS分成依据媒体Media不同的文件。
避免@import:
在您所有的HTML中;
特别是在CSS中;
并当心Preload Scanner预加载扫描仪的怪事。
注意同步CSS和JavaScript的顺序:
CSS之后加载JavaScript在CSSOM完成之前不会运行。
因此,如果您的JavaScript不依赖于CSS,
在CSS之前加载它;
但如果确实取决于您的CSS:
在CSS之后加载它。
根据DOM需要加载CSS:
这将不会阻塞“Start Render”,并允许进行渐进式渲染。
更详细案例点击标题进入原文
#性能调优
#SEO
#CSS
#前端
猜你喜欢
本站原创
《复杂软件设计之道:领域驱动设计全面解析与实战》
×
登录
用户名
密码
登录
取消
自动登陆
新浪微博登录
新用户注册
忘记密码?