Javascript 是什么导致了移动设备（例如iPhone）上HTML5 web应用程序的滞后？

我正在考虑为移动设备开发web应用程序，特别是iPhone，但这一讨论一般对移动设备开放。我在桌面浏览器和iPhone浏览器上尝试了一些HTML5网站

例如：www.creativepony.com 如果我理解正确，草动画是使用HTML5的canvas标记制作的，然后使用javascript创建动画。在我的桌面浏览器中，它看起来很好，非常平滑。然而，当我使用iPhone4浏览器（iOS4.1）访问该网站时，草地动画会滞后

我测试了3G和wifi。他们都落后，但3G稍差一些

我的问题是，如果我要开发动画丰富的HTML5+JS web应用程序，是什么导致了延迟？是iPhone的CPU本身吗？还是手机浏览器？还是iPhone上的互联网连接速度较慢？还是别的什么

我这样问是因为iphone4cpu似乎足够强大，可以运行一些令人印象深刻的游戏。它怎么能不能显示HTML5+JS动画？如果互联网连接速度较慢，HTML5的离线缓存功能应该会有所帮助，特别是因为我想让我的web应用程序能够离线。还是iPhone上的safari浏览器？或者完全是别的什么

---

再次感谢

我不确定，但我认为javascript不使用GPU，所以iphone上的游戏可以运行顺畅，因为GPU，但javascript动画不能。。。不管怎样，正如我所说，我不确定，但你可以看看这个

---

移动Safari根本不擅长运行Javascript动画，因为它是由CPU驱动的。即使是最简单的变换和对不透明度的更改也可能非常缓慢

---

但是，CSS

-webkit transition

和

-webkit animation

规则可以起到很好的效果，因为它们由GPU提供动力：结果可以像本机iOS动画一样平滑。

我从来没有太多的运气在iOS中顺利运行大量使用javascript的应用程序/游戏：（为什么呢？安睿还是Windows7更好？