一、性能优化原则
1. 多使用内存、缓存或其他方法
2. 减少CPU计算量，减少网络加载耗时
3. 空间换时间（适用于所有编程的性能优化）
二、从何入手
1. 让加载更快
- 减少资源体积：图片、压缩代码
- 减少请求次数：合并代码、雪碧图、SSR服务器端渲染、缓存
- 使用更快的网络：CDN
2. 让渲染更快
- CSS放到Head，JS引入发放到body里的最后（CSS加载不会阻塞DOM树的解析、CSS加载会阻塞DOM树的渲染，CSS加载会阻塞JS的执行，JS加载或者执行时会阻塞DON树的解析和渲染）
- 懒加载（eg. 图片懒加载，上划加载更多）
- DOM查询缓存（查询结果用一个变量存储）
- 频繁操作合并（DocumentFragment）
- 节流&防抖
-------------- smile