Css translate3d导致重新计算样式阶段比使用“上/左”定位更长？

我正试图深入研究浏览器渲染，并为一次演讲准备了这个小演示

我制作了一个动画演示，您可以轻松地将调度从

requestAnimationFrame

切换到

setInterval

，也可以将定位从

top/left

-基于

top/left

-与

translate3d（0,0,0）

结合使用，甚至完全基于

translate3d（x，y，z）

现在我知道s

translate3d

并不是一个灵丹妙药，尤其是如果应用于太多的元素，它可能会变得昂贵。然而，有一件事引起了我的注意。如果我将

positioner

从

DefaultPositioner

切换到

translate3dppositioner

，则重新计算样式阶段似乎比以前长得多。我找不到任何关于这方面的信息，所以我想知道是否有人可以分享更多关于这里发生的事情的信息

以下是演示的链接：

只需在

app.js

文件中切换实现即可

还有一件事：当你点击resume开始演示时，你应该等待一点，直到所有的框都分开一点。我知道这是一个糟糕的演示；-）