-
浏览器缓存的性能优化
- 浏览器缓存
- 减少重绘/重排操作
- 流量下发
- 浏览器渲染机制
-
HTTP端的性能优化
- 强缓存和协商缓存
- http请求的封装
- 减少请求数量
- 并发优化
- 减少重定向
- 无损压缩/有损压缩的平衡
- 延迟请求的使用
-
打包工具中的性能优化
- 分包管理
- 预解析/预加载
- treeShaking
- 环境分离
- CDN外链依赖
- 打包分析, 按需加载
- 图片压缩和base64的平衡
- svg图片的状态优化处理
- webpack路径优化
- webpack的模块查找
- 模块联邦
- 热更新(HMR)
- webpack中浏览器兼容优化
-
开发设计中的性能优化
- 防抖/节流
- 虚拟列表
- 大数据量加载
- 图片懒加载
- 算法实现模式
- 设计模式
- 合并请求
- 雪碧图和base64的平衡
- 减少重定向
- 按需加载，减少第三方的体积
- keepAlive
- 避免内存泄漏, 使用onUnmount进行释放
- 异步组件加载
- loading占位组件优化(骨架屏)
- loading并发加载优化
- 善用函数式编程和面对对象编程的优势
- SSR
