欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

五大顶级CSS性能优化工具,值得程序员一试!

CSS Triggers提供在线的页面解析参考,程序员可通过此参考了解哪些CSS属性触发了重绘和合成,但不引发布局,这些是浏览器在渲染网页时的执行过程。

  • Layout:浏览器生成每个元素的几何形状和位置

  • Paint:浏览器将每个元素的像素解析为图层

  • Composite:浏览器在屏幕上绘制图层。

合成操作是浏览器执行的最廉价操作,如果你的CSS动画的代码反复触发合成和重绘操作的属性,则很难将60fps(每秒帧数)作为平滑网页动画的关键数字。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css-tool/t58968.shtml