CODEWITHSUNDEEP
javascriptperformanceipadmobile-safari
hvgotcodes
hvgotcodes

Reputation: 120178

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.

Upvotes: 10

Views: 4222

Answers (1)

gblazex
gblazex

Reputation: 50109

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

Upvotes: 13

Related Questions