渲染优化： 主要是布局 注意重绘重排

渲染性能： 减少重排的操作。dom元素几何属性的修改，增加删除 移动dom节点。 获得特定属性值 例如offsetTop scrollTop等

渲染性能优化

浏览器渲染进程

1. 减少页面重排操作

   
   

2. 避免样式频繁修改

3. 动画优化

   setTimeout-16.6ms可能会造成卡顿；

   requestAnimation-浏览器隐藏时会停止动画（减少cpu的开销）；

   节流（以一定时间间隔频率进行事件触发）&防抖（一段时间内多次触发的时间只执行一次）；

4. Web Work 多线程

   不能访问js DOM

   大量计算 以及同时渲染DOM时

   
   

   
   

   
   

快来咯哦哦哦哦哦哟