弱网优化方向
架构 刘宇帅 2年前 阅读量: 1055
减小大小
- 接口
- 只返回必须字段
- 更小的编码方式(protobuf)
- gzip
- 图片
- 更小体积的图片格式(webp、avif)
- 按设备返回对应分辨率的图片
- gzip压缩
- 制定不同位置的图片的大小规范,并严格执行
- 其他资源(js、css、字体)
- 代码压缩
- gzip
- cookie
- 梳理并减少cookie大小
减少次数
- 合并请求
- 接口(API最好统一支持多接口合并请求的结构)
- 图片(雪碧图)
- js
- css
- 梳理删除重复的请求
- 按需请求
- 接口
- css
- js
- 缓存
- 本地缓存
减少请求时间
- 传播速度
- 阿里云全站加速(智能路由,接口加速)
- 自建:智能DNS+分布式节点+专线
- 接口响应时间优化(这个不是弱网之间相关的一个优化点,但是在弱网情况下如果接口很慢的话,整体的体验会更加糟糕)
减少传播距离
- CDN
- 图片
- css
- js
- 字体
- 多地部署+智能DNS
传输协议优化
- http2.0
- QUIC
- https 可升级到TLS 1.3
前端架构
- 预渲染
- SSR
- 单页应用
展现
- 骨架屏
- 离线缓存
- 交互细节
- 减少loading
- 先在页面响应,再在后台请求接口,如果错误再回滚逻辑
- 图片渐进显示