我正在使用 SVG/SMIL 开发解释性线条动画，但在 Firefox 中观看动画时遇到了高 CPU 负载。 SVG 本身和声明性动画在 CPU 性能方面是否有任何最佳实践？由于不同的查看器和浏览器会产生不同的结果，因此我正在寻找一般的经验法则，我也希望能够将其转换为 Web Animations API。
【问题讨论】：
标签： svg smil web-animations
您可以在这里找到一些参考资料和信息
Deprecated SMIL SVG animation replaced with CSS or Web animations effects (hover, click)
在这里您可以看到 Fire Fox 的 CPU 性能较低
https://www.youtube.com/watch?v=1RK3l6H0uDU&feature=youtu.be
虽然 Chrome 可以很好地处理 SMIL 动画。但在不久的将来，正如上一篇文章https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/5o0yiO440LM/59rZqirUQNwJ 所说，
“它可能会在不久的将来某个时候被删除”
关于 Chrome 中的 SMIL 支持。在 Fire Fox 中，SMIL 动画变得非常慢，从 38 版开始，慢动画仍然没有修复（在当前 39.0 中）。
正如他们所说，Fire Fox 有可能在未来的版本中修复支持 SMIL 动画：
我们目前无意弃用 SMIL。
但 Chrome（不是 45 版本，可能会更高版本）会给我们消息（当页面内容中包含 SMIL 时）：
控制台警告：SVG 的 SMIL 动画（、、等）已弃用并将被删除。 请改用 CSS 动画或 Web 动画
【讨论】：