项目优化

资源压缩

• 代码合并压缩
• 图片压缩

加载优化

• ssr 首屏渲染，减少屏幕因为数据加载而闪动
• 懒加载
  • loading占位图，图片加载之后再替换，避免影响页面布局
  • 滚动加载，在内容即将进入视图区域再加载，根据 scrollTop 和 滚动内容高度 clientHeight 的比较

请求优化

• CDN，静态资源文件分发网络
  • 可以从最近的服务器返回资源
  • 域名发散，可以避免浏览器对同一域名下的最大网络连接数的限制
• cookie优化
  • 减少cookie大小
  • 设置过期时间
  • 静态资源请求可以与接口请求区分域名，避免带上cookie
• redis缓存不常修改的接口数据
• HTTP缓存
  • Cache-Control
    • max-age
  • Etag 与 if-none-match
  • last-modified与if-modified-since

代码

• dom操作
  • 批量处理
• 动画优化
  • 使用GPU硬件加速

业务

• 优化业务流程