前端性能优化
性能优化原则（空间换时间）
- 多使用内存、缓存或其他办法
- 减少CPU计算量、减少网络加载耗时
加载更快
- 减少资源体积：压缩代码
- 减少访问次数：合并代码、SSR服务端渲染、缓存
- 使用更快的网络:CDN
渲染更快
- CSS放在head、js放在body最下面
- 尽早开始执行js、
- 懒加载（图片懒加载、上滑加载更多）
- 对DOM查询进行缓存
- 频繁DOM操作、合并到一起插入DOM中
- 节流、防抖
SSR
服务端渲染、将网页和数据一起加载、一起渲染
非SSR（前后端分离）：先加载网页、在加载数据、在渲染数据
