- 前端性能优化核心处理思想: CRP
- HTTP网络层面的4种核心优化方案:
- 资源和数据的缓存处理
- 减少HTTP的请求次数和大小
- DNS预解析处理
- 有关图片的优化处理
- DOM层面的4种核心优化方案
- 减少重排和重绘
- 使用事件委托
- 函数的防抖和节流
- requestAnimationFrame
- Vue框架和代码层面的多种优化方案
- UI组件库的按需引入
- 合理运用路由懒加载
- 使用KeepAlive缓存组件
- 使用Non-reactive data非响应式数据
- 超长列表和无限列表性能优化
- CPR
关键渲染路径,就是了解浏览器渲染的每个环节,并且针对每个环节做优化