一、 性能优化的原则
- 多使用内存、缓存、 或其他方法。
- 减少CPU计算量,减少网络加载耗时。
- 本质就是用空间换时间。
二、让加载更快
- 减少代码体积,压缩代码(webpack)。
- 减少访问次数:合并代码,SSR服务端渲染,缓存。
- 使用CDN,让访问更快
三、让渲染更快-1
- CSS放在head,JS放在body最下面
- 尽早开始执行JS,用DOMContentLoaded触发
- 懒加载(图片懒加载,上滑加载更多)
四、让渲染更快-2
- 对DOM查询进行缓存
- 频繁DOM操作,合并到一起插入DOM结构
- 节流throttle 防抖 debounce
网友评论