1.减少或避免repaint/页面重绘,reflow/页面回流
repaint:样式的变化,如颜色
reflow:变化的成本比repaint大
也可以理解为对dom元素的操作
2.尽量缓存所有可以缓存的数据
3.使用css3transform代替dom操作,animate.css
非主流性能优化原则
1.不要给非static定位元素(如absolute,relative)增加css动画
2.适当的使用硬件加速
一个简单的例子,就是把图片画到canvas上,就会触发硬件加速
或是 ,给图层加transfrom 如transform:translate3d(0,0,0)
时间: 2024-10-07 01:20:27