是什么原因导致移动设备（例如iPhone）上的HTML5网络应用出现滞后？

Question

我正在研究开发专门用于移动设备（iPhone）的Web应用程序，但此讨论通常对移动设备开放。 我在台式机浏览器和iPhone浏览器上都尝试了一些HTML5网站。

一个示例是：www.creativepony.com如果我正确理解，则使用HTML5的canvas标签制作草动画，然后使用javascript创建动画。 在我的桌面浏览器中，它看起来很好并且非常平滑。 但是，当我使用iphone 4浏览器（iOS 4.1）访问该网站时，草动画会滞后。

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

我的问题是，如果我要开发动画丰富的HTML5 + JS网络应用，那会导致滞后吗？ 是iPhone CPU本身吗？ 还是移动浏览器？ 还是iPhone上的互联网连接速度变慢？ 或者是其他东西？

我问是因为iPhone 4 CPU似乎足以运行一些非常令人印象深刻的游戏。 如何无法显示HTML5 + JS动画？ 如果互联网连接速度较慢，则HTML5的脱机缓存功能应该会有所帮助，尤其是因为我想使我的Web应用程序能够脱机。 还是iPhone上的Safari浏览器？ 或完全其他的东西。

再次感谢！

Answer 1

由于它由CPU驱动，因此移动Safari根本不能很好地运行Javascript动画。 即使是最简单的不透明度转换和更改也可能非常缓慢。

但是，由于CSS -webkit-transition和-webkit-animation规则由GPU提供支持，因此可以很好地使用它们：结果看起来可以像本机iOS动画一样平滑。

Answer 2

我不确定，但我认为javascript不使用GPU，因此您使用iphone的游戏可以通过GPU顺利运行，但是javascript动画无法...反正我说我不确定，但是您可以看看这个http://ajaxian.com/archives/javascript-running-on-the-gpu

问候