参考文章：wiki.41bj.com/brochure/%E…

zhuanlan.zhihu.com/p/498517028

优化的方向

前端优化大致可以分为三个大方向

• 网络层面的优化
• 浏览器端的优化
• 前端工程优化
• 性能监测

各方向的优化要点

网络层面的优化

1.优化请求过程

2.减少网络请求

浏览器端的优化

1.服务端渲染（SSR）

2.缓存策略优化

• 本地缓存
• CDN缓存

2.CSS优化

3.JS优化

• 节流与防抖

4.DOM优化

• 减少回流与重绘

5.图片优化

前端工程优化

1.webpack性能调优

性能监测

1.善用Performance、LightHouse等可视化性能工具

2.使用w3c性能API，结合埋点机制建立监控体系