Webkit animations performance on IPad

Question

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

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.

Answer 1

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

Some of the points he makes are

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