Performance 优化webkit转换性能的技巧？
我在iPhone手机应用程序上广泛使用webkit transform:translate3d和其他一些属性，因为它的硬件加速了。有了大约98%的功能，性能非常好。我知道不要试图一下子做太多 我正在以一种非常优秀的本地方式成功地模拟刷卡。我现在注意到的是，当我添加最后2%的功能时，我在中看到一些图像重画问题，这些问题是在滑动时设置动画的。在您浏览完所有4个图像并加载它们之后，性能将再次完美平滑。但是，当隐藏并显示此部分时，也会发生同样的情况 我的假设是，有一个内部缓冲区被命中，每次都必须重新加载 在这样的背景下，一般的问题是其他开发人员为webkit转换做了哪些性能优化？我不一定要问我的特殊情况，而是问人们为他们的个人需求想出了哪些更广泛的优化Performance 优化webkit转换性能的技巧？,performance,ios,animation,css,Performance,Ios,Animation,Css,我在iPhone手机应用程序上广泛使用webkit transform:translate3d和其他一些属性，因为它的硬件加速了。有了大约98%的功能，性能非常好。我知道不要试图一下子做太多 我正在以一种非常优秀的本地方式成功地模拟刷卡。我现在注意到的是，当我添加最后2%的功能时，我在中看到一些图像重画问题，这些问题是在滑动时设置动画的。在您浏览完所有4个图像并加载它们之后，性能将再次完美平滑。但是，当隐藏并显示此部分时，也会发生同样的情况 我的假设是，有一个内部缓冲区被命中，每次都必须重新加载
如果这个问题能得到一些答案，希望它能成为其他人提出同样问题的资源。这是一件众所周知的事情，但确保你变换的元素在可能的情况下使用3d变换对硬件加速变换的设备（目前的iOS）有很大帮助 最简单的方法是添加：
transform: translate3d(0,0,0);
在所讨论元素的css中添加适当的前缀，然后使用2d或3d变换将其作为正常动画制作。这听起来可能有点奇怪，但我遇到了类似的问题，我使用-webkit perspective:1000解决了这个问题 我不知道这是如何有利于过渡的，但在我的例子中确实如此