How to improve website performance on iPad/iPhone?
On an average computer animations work very smoothly. On iPad however jQuery animations like fade in (opacity from 0 to 1 over 0.5 sec) of 1920x1200px image seem to lag a bit.
Is there any way to speed that up? Any acceleration? Maybe I should disable processor consuming jQuery scripts for iPad? Are there any recommendations when coding for iPhone/iPad too?
I would also say that on older iPhones it lags far more.
UPDATE: The answer is CSS3.
Running Chrome -> Developer tools -> Audits shows many improvements you can make without changing anything about the site's looks. After you finish those, try it again, then look at things like fewer tiles on iOS/Android, etc...
Looks like a factor of at least 4 there, likely more...