为什么简单的动画会导致很长的更新层树？

Question

将此代码粘贴到任何具有繁重界面的站点（例如twitter）并运行性能测试：

<div style="position: absolute; contain: strict; width: 100vw; height: 100vh; z-index: 2000; top: 0; left: 0; background: white; backface-visibility: hidden;">
   <svg viewBox="0 0 100 100" height="40px">
      <rect width="40" height="40" x="93.5319">
         <animate attributeName="x" dur="1000ms" repeatCount="indefinite" from="0" to="100"></animate>
      </rect>
   </svg>
</div>

由于我不可理解的原因，＆＃34;更新层树＆＃34;在核心i7 4770k上需要几毫秒： example on twitter.com

如果您在空白页面上插入相同的代码，那么一切都很快。为什么会发生这种情况以及如何解决？