lxinr/interview-question

2021/03/04 - 前端性能优化

Opened this issue · 0 comments

lxinr commented
  • http缓存
    • 强缓存
      • Cache-Control
      • Expires
    • 协商缓存
      • ETag
      • Last-Modified
  • 避免多余重定向
  • DNS 预解析 
    <link rel="dns-prefetch" href="//yourwebsite.com">
  • 使用CDN
  • 合并请求
  • 减少非必要的数据返回
  • 资源预加载和预请求，如通用资源则预加载，按需的资源则预请求
  • 减少非必要的请求
    • 代码拆分（code split）与按需加载
    • 代码合并
  • 减小包体大小
    • 代码压缩
    • Tree Shaking
  • 图片预加载或懒加载
  • 图片压缩
  • 内联base64
  • 针对大量密集的数据计算，可以考虑使用web worker来启用后台线程
  • 精简dom结构