屏幕外无限循环的CSS动画是否由浏览器优化?

屏幕外无限循环的CSS动画是否由浏览器优化?,css,css-animations,Css,Css Animations,是否有针对屏幕外无限运行CSS动画的浏览器内优化(无限动画应用于文档中存在/显示的元素,只是在特定时间不在视图中) 为了更直接的讨论,我将提到只涉及合成的CSS动画:只使用变换和/或不透明度 如果我们有一个CSS动画,那就有动画计时功能:无限,如果动画元素实际上不在屏幕上/视图中如何处理 关于动画,有一些已知的场景与本用例无关: 如果将浏览器选项卡推到背景中,动画将暂停 如果元素从文档中删除,则动画将被忽略,例如display:none(找不到可引用的源atm) 如果该元素只是“超出滚动

是否有针对屏幕外无限运行CSS动画的浏览器内优化(无限动画应用于文档中存在/显示的元素,只是在特定时间不在视图中)

为了更直接的讨论,我将提到只涉及合成的CSS动画:只使用变换和/或不透明度


如果我们有一个CSS动画,那就有
动画计时功能:无限如果动画元素实际上不在屏幕上/视图中如何处理

关于动画,有一些已知的场景与本用例无关:

  • 如果将浏览器选项卡推到背景中,动画将暂停
  • 如果元素从文档中删除,则动画将被忽略,例如
    display:none(找不到可引用的源atm)
    

如果该元素只是“超出滚动范围”,并且用户可以在该元素离开屏幕期间随时到达该元素:

  • 无论元素是否可见,动画是否正常运行并具有相同的消耗

  • 它是否正常运行,但因为它没有涂漆,流程本身就变得更便宜了会更有意义

  • 动画是否完全暂停?-假设不会,因为浏览器必须知道元素需要再次绘制时的“当前进度”是什么

  • 或者,当满足这些条件时,是否有其他浏览器内流程对此进行了优化


任何有文件记录的答案,或任何重定向到某个资源,这可能会对这件事有所帮助,将不胜感激



此讨论与确定是否:手动删除无限动画(对于屏幕外的元素)将是一件需要考虑的事情,以获得更好的性能。

有趣的问题。但是,动画可以在屏幕外暂停,并根据它进入视图时的启动时间重新拾取。不确定是否会发生这种情况,只是提到它确实可以跟踪时间。我相信我听到CSS人员对它的讨论。但是不要回忆起“计划细节”,当他们创建解决方案时,我希望它能被Javascript世界共享;通过询问浏览器脚本所处理的元素是否可以查看,可以在Javascript端节省资源。