HTML5: Is iPhone4's hardware acceleration that much weaker than compared to the 4s?
I created a HTML5 web application that uses Hardware Acceleration via CSS3 property
On my 4s every works really very smooth.
When I test the same thing on a iPhone4, then performance goes down extremely. Almost unusable.
Is there some kind of freaky trick to enable Hardware acceleration for the iPhone4? Or is its GPU simply that weak?
It came out that I've been doing hardware-accelerated transitions the wrong way, see:
What are the "golden rules" to increase CSS3 transition performance on mobile devices?
translate3d(x, y, z) instead of
left:x did the trick for me. Now even on older iPhones all transitions run very smoothly.
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here