在iPad 1上使用HTML5和CSS3应用程序开发之后,我们对CSS3动画/转换/转换(硬件加速)的性能感到失望。我们希望iPad 2能够带来更多功能,并且能够更好地运行。但情况确实如此吗?
我们无法访问iPad 2,并且听说过有关iPad 2处理CSS3动画/过渡/转换的问题仍然存在错误,缓慢,不可靠的问题。
任何人都可以对此有所了解吗?
答案 0 :(得分:5)
我还在开发专门针对iPad的网络应用,并使用HTML5 / CSS3。我有相反的经历 - 我对动画的流畅程度感到惊讶,即使在iPad上也是如此.Michael Mullany是对的 - 大多数2D变换都没有获得GPU加速 - 确保你使用的是transform3d或tranformZ(0)。
在iPad 2上,动画几乎完美无缺 - 与更好的原生应用程序一样好。
当然 - 这取决于你的动画效果。
在我的情况下,它是一个“旋转木马”,有十几个面板,每个面板包含一些表单元素。 (但是,变换是简单的左/右动画)。
如果你还没有看到它们,这里有两个关于这个主题的壮观(IMO)会谈:
Paul Irish:http://paulirish.com/2011/dom-html5-css3-performance
Alex Russel:http://dayofjs.com/videos/22158462/web-browsers_alex-russel
从我所看到的情况来看,CSS3动画很容易做错(或很差),性能也会受到影响。然而,通过一些调整,它似乎非常棒。
另外 - 说出你对内容和非正统用户界面的看法,但在iPad上试试http://stuffwhitepeoplelike.com/。大量丰富,流畅,复杂的动画在iPad上运行良好,在iPad 2上运行良好。(当然,还有一些动画非常适合两者,所以它表明了使用它们的重要性明智...)
祝你好运!答案 1 :(得分:3)
iOS 5也将Nitro Engine引入主屏幕网络应用程序,请在此处阅读http://arstechnica.com/apple/news/2011/06/ios-5-brings-nitro-speed-to-home-screen-web-apps.ars
答案 2 :(得分:0)
取决于您的网络应用是否已添加到主屏幕。加速对主屏幕网络应用程序的重要性低于本机safari移动设备。
这是一篇你可以阅读的文章:http://macapper.com/2011/03/21/web-apps-saved-to-home-screen-anchor-safari-performance/