动画SVG Path的笔划破折号偏移会导致Safari的性能急剧下降

Question

我的网站上有一个简单的stroke-dashoffset CSS动画，这是导致这些虚线在以下gif中移动的原因：

在Macbook上的Chrome / Firefox上运行正常。但是，当我在Safari上打开它时，性能会急剧下降。它会不时地开始平稳运行一秒钟左右，然后又回到断断续续的缓慢状态。这有点不可预测。

I made a codepen使用相同的SVG路径和动画-问题仍然存在。

当我缩小Safari窗口时，我注意到它的平滑度很好。这让我认为它与绘制多少像素以及绘制它们的频率有关。

我一直在用我能想到的每个搜索词来查找此问题，但找不到任何能帮助我了解正在发生的事情的问题。我想知道是否有人对此有任何建议？或者只是对这里发生的事情进行一些澄清。谢谢。