Webkit动画在IPad上的表现 [英] Webkit animations performance on IPad

问题描述

基于webkit的转换/动画会影响IPad上的JS性能吗？是否有一个单独的图形处理器来处理webkit的东西？

Do webkit based transformations/animations affect JS performance on the IPad? Is there a separate graphics processor to handle the webkit stuff?

基本上我正在开发一个带有一些简单的webkit动画的程序，但是它们中有很多，我想我有拉出动画，因为它使Ipad变慢。

Basically I am developing a program with some simple webkit animations, but a bunch of them, and I think I have to pull out the animations because its making the Ipad slow.

推荐答案

您可以查看 Thomas Fuchs的文章： 制作iPad HTML5应用程序&让它真的很快

You may check out Thomas Fuchs's article on: Making an iPad HTML5 App & making it really fast

他所做的一些要点是

1. 图像放慢了速度 - 摆脱它们


2. 避免文字阴影& box-shadow


3. 避免不透明（干扰硬件加速渲染）


4. 使用translate3d，而不是翻译（后者并不总是硬加速）


5. 确保使用非渐进式JPEG 如果你想要硬件加速

1. Images slow things down immensely– get rid of them
2. Avoid text-shadow & box-shadow
3. Avoid opacity (interferes with hardware-accelerated rendering)
4. Use translate3d, not translate (the latter is not always hard-accelerated)
5. Make sure to use non-progressive JPEGs if you want hardware-acceleration

这篇关于Webkit动画在IPad上的表现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！