Search code examples
javascriptperformanceipadmobile-safari

Webkit animations performance on IPad

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.

Solution

  • 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