使用CSS3動畫，iPad 2的性能是否優於iPad 1？
[英]Does the iPad 2 perform better than iPad 1 with CSS3 animations?
問題描述
在iPad 1上使用HTML5和CSS3應用程序進行開發后，我們對CSS3動畫/過渡/變換（硬件加速）的性能感到失望。 我們希望iPad 2可以帶來更多功能，並且性能更好。 但是真的是這樣嗎？
我們無法使用iPad 2，並且聽說有傳言稱iPad 2在處理CSS3動畫/轉換/變換方面仍然存在故障，緩慢，不可靠的問題。
誰能對此有所啟示？
3 個解決方案
解決方案1
5 已采納 2011-04-26 16:29:40
我還正在開發專門針對iPad的Web應用程序，並使用HTML5 / CSS3。 我遇到了相反的體驗-甚至在iPad 1上，動畫效果也是如此流暢，我感到很驚訝。邁克爾·穆蘭尼（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動畫非常容易出錯（或表現不佳），並且性能受到影響。 通過一些調整，它看起來非常棒。
另外，請說說您對內容和非傳統UI的看法，但是請在iPad上嘗試http://stuffwhitepeoplelike.com/ 。 很多豐富，流暢和復雜的動畫在iPad上都可以很好地運行，在iPad 2上也很好。（當然，還有一些動畫在這兩者上都過時了，因此它說明了使用它們的重要性。明智地...）
祝好運！
解決方案2
3 2011-06-18 23:06:19
iOS 5也將Nitro Engine引入了主屏幕Web應用程序，請在此處閱讀http://arstechnica.com/apple/news/2011/06/ios-5-brings-nitro-speed-to-home-screen-web-apps .ars
解決方案3
0 2011-04-20 09:00:16
取決於您的Web應用程序是否已添加到主屏幕。 加速對主屏幕Web應用的重要性不如本地Safari瀏覽器移動。
這是您可以閱讀的文章： http : //macapper.com/2011/03/21/web-apps-saved-to-home-screen-anchor-safari-performance/
原始iPad，CSS3轉換以及RAM導致的成像限制
[英]Original iPad, CSS3 transforms, and limitations on imaging caused by RAM
野生動物園和iPad UIWebView上簡單的CSS3動畫並不流暢
[英]simple css3 animation is not smooth on safari and iPad UIWebView
用於網站測試的Ipad模擬器提供的結果不准確！ 有沒有比Ipad Peek更好的選擇？
[英]Ipad simulators for website testing deliver inaccurate results! Are there any better ones than Ipad peek?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.