资源压缩
- 代码合并压缩
- 图片压缩
加载优化
- ssr 首屏渲染，减少屏幕因为数据加载而闪动
- 懒加载
- loading占位图，图片加载之后再替换，避免影响页面布局
- 滚动加载，在内容即将进入视图区域再加载，根据 scrollTop 和 滚动内容高度 clientHeight 的比较
请求优化
- CDN，静态资源文件分发网络
- 可以从最近的服务器返回资源
- 域名发散，可以避免浏览器对同一域名下的最大网络连接数的限制
- cookie优化
- 减少cookie大小
- 设置过期时间
- 静态资源请求可以与接口请求区分域名，避免带上cookie
- redis缓存不常修改的接口数据
- HTTP缓存
- Cache-Control
- max-age
- Etag 与 if-none-match
- last-modified与if-modified-since
- Cache-Control
代码
- dom操作
- 批量处理
- 动画优化
- 使用GPU硬件加速
业务
- 优化业务流程
网友评论