前端性能优化

一、 性能优化的原则

1. 多使用内存、缓存、 或其他方法。
2. 减少CPU计算量，减少网络加载耗时。
3. 本质就是用空间换时间。

二、让加载更快

1. 减少代码体积，压缩代码（webpack）。
2. 减少访问次数：合并代码，SSR服务端渲染，缓存。
3. 使用CDN，让访问更快

三、让渲染更快-1

1. CSS放在head，JS放在body最下面
2. 尽早开始执行JS，用DOMContentLoaded触发
3. 懒加载（图片懒加载，上滑加载更多）

四、让渲染更快-2

1. 对DOM查询进行缓存
2. 频繁DOM操作，合并到一起插入DOM结构
3. 节流throttle 防抖 debounce