性能优化
性能优化原则
- 多使用内存、缓存或其他方法
- 减少CPU计算量，减少网络加载耗时
- 空间换时间(适用于所有编程的性能优化)
从何入手？
让加载更快
-
减少代码体积：压缩代码
-
减少访问次数：合并代码、SSR服务端渲染、缓存
-
使用更快的网络：CDN
让渲染更快
-
CSS放在HEAD，JS放到body最后面
-
尽早开始执行js，使用ContentLoaded触发
-
懒加载（图片懒加载、上滑加载更多）
-
对DOM查询进行缓存
-
频繁DOM操作合并到一起进行插入DOM结构
-
节流throttle 防抖debounce