Performance translate3d vs translate性能
我们现在都知道，特别是从，我们应该更喜欢css变换动画的位置 但是我们可以在Performance translate3d vs translate性能,performance,css-transforms,Performance,Css Transforms,我们现在都知道，特别是从，我们应该更喜欢css变换动画的位置 但是我们可以在translate（）和translate3d（）之间进行选择 哪个通常更快？下面的站点运行测试，比较translate（），translate3d（），以及一些其他属性。根据它的说法，translate3d（）在大多数浏览器中速度更快 正如cameron建议的那样，在很多浏览器中，translate3d应该更快，大多数浏览器使用gfx硬件加速来加速渲染。尤其是在webkit上，translate3d是在页面项上强制硬件
translate（）translate3d（）哪个通常更快？下面的站点运行测试，比较
translate（）translate3d（）translate3d（）正如cameron建议的那样，在很多浏览器中，translate3d应该更快，大多数浏览器使用gfx硬件加速来加速渲染。尤其是在webkit上，translate3d是在页面项上强制硬件加速的首选方式
尽管在麻省理工学院的经验中，有时使用3d变换有一个缺点——在某些浏览器版本/操作系统组合（我正在看osx+safari）中，硬件加速渲染会稍微改变字体平滑和插值，从而导致轻微的闪烁或模糊。这些情况大多可以解决，但应牢记在心 使用translate3d将CSS动画推进硬件加速。即使你想做一个基本的2d翻译，也可以使用translate3d获得更多的功能！所以“T3d”更好，因为它告诉CSS动画在3d power中推送动画！ 这就是为什么它更快。
（Cameron Little的答案就是证据）测试是假的，这个问题是关于渲染性能的——在本课程中根本没有测试jsperf@abernier不，您不能将其与jsperf进行比较。要进行比较，您可以使用chrome开发工具的Timeline。我很想获得一些有关渲染性能的最新硬数据，因为我仍然不清楚2D和3D转换之间的真正区别，以及是否将动画从2D转换为3D只是一个微优化。我找到的所有文章和资源都有3年和4年以上的历史。就我而言，翻译速度更快。不可翻译3这项测试是假的，因为每个版本的chrome都有完全不同的结果。根本不能相信这一点。一个更好的测试是让我看看动画。不，我同意。这在我的情况下经常出现。Mac上的Chrome。在我的Chrome测试之后。我发现translateX比translate3d快，我感到困惑，如果我想垂直翻译怎么办？我会使用translateY（）来实现这一点。但是我怎样才能只用translate3d实现垂直翻译呢？@Limpuls首先：你应该问你自己的问题。第二：只需设置要在垂直轴上平移的
y