How to improve website performance on iPad/iPhone?

Question

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.

Answer 1

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...

--Tom