js递归遍历树结构_前端性能优化之递归

这次分享，我们主要来看看前端性能优化方面的内容。

前端性能优化，可以从很多方面进行，下面是性能优化的冰山一角的内容。

1. JS、CSS压缩合并（减少HTTP请求）
2. 将CSS放在头部、JavaScript文件放在底部
3. 第三方库打包成vendor，单独加载
4. 资源按需加载（import(), require.ensure()）
5. 利用事件代理（事件冒泡）
6. 减少DOM的重排与重绘（diff算法）
7. 动画开启GPU加速（will-change, transform）
8. 图片优化（图片延迟加载，降低图片质量等）
9. 利用浏览器缓存，强缓存或者协商缓存（webpack splitChunks，固定hash）
10. 使用HTTP2（解析速度快、多路复用、头部压缩）
11. 静态资源使用CDN
12. ....

性能优化是个值得研究和深入挖掘的一块领域，不但可以在极大的提高用户体验，在这方面的技能提升也可以更上一层楼，成为“砖家”。

这里抖下机灵。最近股市基金一片大好，赚钱效应明显，坐在家里吹空调（科技）、吃火锅、喝小酒（消费）、看病（医疗）就可以赚到不少买菜钱。

单单从科技上来说噢，假如我们全面5G、全面新基建的情况下，5G相较于4G，数据传输速率远远高于4G