前端性能优化

前端性能优化：

前端性能优化原则： 多用内存，缓存，减少网络耗时和cpu计算（用空间换时间）

让加载更快
1. 减少资源体积，压缩代码，比如：webpack生产环境打包代码；服务器端进行gzip压缩，能把代码压缩到1/3左右
2. 减少访问次数：合并代码（css代码可以合并，图片可以通过雪碧图合并），SSR服务器端渲染，缓存
3. 使用 更快的网络：CDN（根据区域获取最近的资源）

让渲染更快
1. css放在head，JS放在body最下面
2. 尽量早开始执行JS，用DOMContentLoaded触发，没必要等到图片加载完成
3. 懒加载（图片懒加载，上滑加载更多等）
4. 对DOM查询进行缓存
5. 频繁DOM操作，合并到一起插入DOM结构 DocumentFragment
6. 节流throttle 防抖debounce，让渲染更加流畅