如何提高iPad/iPhone上的網站性能？

平均來說，電腦動畫工作非常流暢。然而，在iPad上，像1920x1200px圖像的淡入（0.5秒內不透明度從0到1）的jQuery動畫似乎稍微滯後。如何提高iPad/iPhone上的網站性能？

有什麼辦法可以加快速度嗎？任何加速？也許我應該禁用處理器消耗iPad的jQuery腳本？編碼iPhone/iPad時是否有任何建議？

我還會說，在較老的iPhone上它滯後得多。

更新：答案是CSS3。

2011-11-30 Atadj

其全部由處理器決定。給它更輕的任務。沒有必要包含這樣一個高分辨率的圖像，使它更小 –

這是一個偉大的設計，但我實際上有一個teensy位在我2歲的macbook專業乍一點。我同意Topener。 –

一款8核心Mac Pro，在側面抽屜中運行最新的Chrome chugs。無論你在這裏做什麼，即使是桌面也是可笑的。 – adamp

正在運行Chrome - >開發者工具 - >審覈顯示您可以在不改變網站外觀的任何方面進行許多改進。在完成這些，再試一次，然後再看看事情就像在iOS/Android的少磚等...

看起來至少有4的一個因素，可能更多...

- 湯姆

2011-12-01 00:07:45

+1 - 我不知道Chrome內置的審計工具。很不錯！ – jfriend00

謝謝！事實上，這很有用。我已經減少了動畫的數量，特別是不透明動畫，並且我擺脫了非常大的圖像。我會繼續改進。 – Atadj

回答