在translateX和translate3d（x，0,0）之间更快

Question

我正在学习浏览器渲染，以了解渲染过程和事件循环。我一直认为，GPU渲染新图层后，translate3d更快。

今天，我通过“性能”工具标签测试了Chrome观看情况。在下面找到：

translate3d used 105ms translateX only 49ms

@keyframes move {
        100% {
          transform: translateX(300px);
        }
      }

@keyframes move3d {
        100% {
          transform: translate3d(300px, 0, 0);
        }
      }