1

在 iPad 1 上使用 HTML5 和 CSS3 应用程序开发后，我们对 CSS3 动画/过渡/变换（硬件加速）的性能感到失望。我们希望 iPad 2 能够通过这些东西带来更强大的性能和更好的性能。但真的是这样吗？

我们无法使用 iPad 2，并且听说 iPad 2 在处理 CSS3 动画/过渡/变换方面仍然存在故障、缓慢、不可靠的问题。

任何人都可以对此有所了解吗？

4

3 回答 3

5

我还在开发一个专门针对 iPad 并使用 HTML5/CSS3 的网络应用程序。我有相反的经历——我对动画的流畅程度感到惊讶，即使在 iPad 1 上也是如此。Michael Mullany 是对的——大多数 2d 变换没有获得 GPU 加速——确保你使用的是 transform3d 或 tranformZ(0)。

在 iPad 2 上，动画几乎完美无缺 - 与更好的原生应用程序一样好。

当然-这取决于您要制作动画的内容。

在我的例子中，它是一个“轮播”，有十几个面板，每个面板都包含一些表单元素。（但是，变换是简单的左/右动画）。

如果您还没有看过它们，这里有两个关于这个主题的精彩 (IMO) 演讲：

保罗爱尔兰人：http: //paulirish.com/2011/dom-html5-css3-performance

亚历克斯·罗素：http ://dayofjs.com/videos/22158462/web-browsers_alex-russel

据我所知，CSS3 动画很容易出错（或很差），并且性能受到影响。然而，通过一些调整，它看起来非常棒。

另外 - 说出你对内容和非正统用户界面的看法，但在你的 iPad 上试试http://stuffwhitepeoplelike.com/ 。大量丰富、流畅和复杂的动画，在 iPad 上运行良好，在 iPad 2 上运行良好。（当然，也有一些动画在两者上都非常笨拙，所以它显示了使用它们的重要性慎重...)

祝你好运！

于 2011-04-26T16:29:40.687 回答
3

iOS 5 也将 Nitro 引擎带入了主屏幕网络应用程序，请在此处阅读http://arstechnica.com/apple/news/2011/06/ios-5-brings-nitro-speed-to-home-screen-web-apps .ars

于 2011-06-18T23:06:19.343 回答
0

取决于您的网络应用程序是否添加到主屏幕。与原生 safari 移动设备相比，加速对于主屏幕网络应用程序而言并不重要。

这是一篇您可以阅读的文章：http: //macapper.com/2011/03/21/web-apps-saved-to-home-screen-anchor-safari-performance/

于 2011-04-20T09:00:16.957 回答