Performance iPad3上的Webapp视网膜显示慢屏幕绘画

我有一个用于iPodtouch和iPad的网络应用程序。在iPad1和iPad2上的效果非常好。现在我已经在一台新的iPad上进行了测试（iPad3，iPadHD，不管用什么名字），我发现屏幕的绘制速度很慢。我能看到一块块一块块地画

有人知道我怎样才能比iPad1和iPad2更快而不是更慢地绘制屏幕吗

编辑：赏金到期

---

赏金至少给出了一些答案，尽管这些答案不足以授予赏金。问题仍然悬而未决。

我们在应用程序中遇到了类似的问题，并尝试了一些优化，以下是两种最有效的方法：

避免使用CSS3效果。我们在以前的版本中使用了很多CSS3阴影，这大大降低了iPad3上的渲染过程。在用背景图像代替阴影效果后，iPad3的性能得到了极大的提高

优化Javascript。我们的应用程序有一些可滚动的组件，每当用户滚动组件时，就会执行一些Javascript代码来执行一些加载工作，比如以惰性方式加载图像。在iPad3上，当用户试图从一页滚动到下一页时，滚动将延迟500毫秒。然后我们发现在滚动回调中执行了一些不必要的图像加载工作，删除它们后，滚动性能是可以接受的

---

这两种方法可能对我们的应用程序非常特殊。希望他们也能帮助您。

您在元中检查了视口了吗

我正在使用

<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″> 

我没有感觉到任何性能开销。也许你的webapp的某些部分发现了web视图的弱点

你可以开始评论你的HTML，直到你发现你的Web应用程序运行顺利。

我已经用iOS 6更新了一款新的iPad（iPad 3），我再也看不到渲染问题了。我在几篇文章中看到，Safari的速度显著提高。iOS 6的性能提升解决了我的web应用程序的问题

由于我们使用的iPad专用于web应用程序，因此我推荐iPad3仅搭配iOS6

---

谢谢你的帖子和答案

同样的，你找到了性能问题的解决方案吗？没有，这里仍然没有解决方案。我在iPad3（ios5）中也有同样的问题，我用一个简单的ul/li列表替换了所有丰富的html，但它仍然运行缓慢，你解决了吗？@Lanston:升级到iOS6可以解决这个问题。iOS6中的JavaScript引擎比iOS5快得多。我没有找到iOS5的解决方案（现在想知道即将推出的带视网膜的iPad Mini会发生什么情况）@barts，你是否尝试过使用iScroll来提高性能我已经测试过了，尽管移除阴影（甚至不使用图像）会略微提高速度，但还不够。尽管如此，配备iOS 5.0的iPad1最新版本比没有阴影的新iPad1更快地构建有阴影的屏幕。第二点是特定于应用程序的内容。我很欣赏这个答案，并投了赞成票。我不认为这个meta会对新iPad的屏幕渲染产生什么影响，但值得一提的是，它确实设置好了。在应用程序顺利运行之前注释HTML意味着我必须终止应用程序的布局和选项，这当然不是一个选项。您是否尝试过使用Instrument来测量CPU使用率？我通常用它来衡量本地应用程序，但并没有在网络应用程序上试用过。我将iPad1、iPad2和新的iPad进行了比较。只要看一眼就够了