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.

Answers


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


Need Your Help

Replace newlines with <p> paragraph and with <br /> tags

c# .net html string newline

So I know how to replace newlines in my C# code. But replacing a newline for a &lt;br /&gt; tag isn't always very correct.

SELECT all (but one column as null)

mysql sql select

in mysql, is it possible to get all columns and data from a table, but select the ID column as NULL?

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.