I have a mobile application using css transitions to animate the opacity of various page elements (fading in and out). It's also worth noting that I'm using an embedded font throughout the page. I notice that the page's performance is absolutely terrible on an iPhone 4, and only on that device. On the 3GS performance is just fine.
Not only are animations choppy; even scrolling the page and tapping page elements like select tags takes forever.
Might anyone have insight into improving animation/rendering performance on a retina display iPhone?
