优化思路

一、性能优化原则

---

1. 多使用内存、缓存或其他方法

2. 减少CPU计算量，减少网络加载耗时

3. 空间换时间（适用于所有编程的性能优化）

 

二、从何入手

---

 

1. 让加载更快

• 减少资源体积：图片、压缩代码
• 减少请求次数：合并代码、雪碧图、SSR服务器端渲染、缓存
• 使用更快的网络：CDN

2. 让渲染更快

• CSS放到Head，JS引入发放到body里的最后（CSS加载不会阻塞DOM树的解析、CSS加载会阻塞DOM树的渲染，CSS加载会阻塞JS的执行，JS加载或者执行时会阻塞DON树的解析和渲染）
• 懒加载（eg. 图片懒加载，上划加载更多）
• DOM查询缓存（查询结果用一个变量存储）
• 频繁操作合并（DocumentFragment）
• 节流&防抖

-------------- smile