iPad 3上的Webapp视网膜显示慢速画面

Question

我有一个适用于iPod touch和iPad的webapp。就像iPad 1和iPad 2上的魅力一样。现在我已经在新的iPad（iPad 3，iPad HD，无论使用什么名称）上进行了测试，我发现屏幕的绘画速度很慢。我可以看到一种一块一块地被涂上了。

任何人都知道我如何比iPad 1和2更快地获得屏幕绘画而不是更慢？

编辑：赏金到期 赏金至少给出了一些答案，尽管它们不足以奖励赏金。问题依然存在。

Answer 1

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

1. 避免使用CSS3效果。我们在以前的版本中使用了很多CSS3阴影，这大大减慢了iPad 3上的渲染过程。用背景图像替换这些阴影效果后，iPad 3的性能得到了极大的提升。

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

这两种方法可能对我们的应用非常具体。希望他们也可以帮助你。

Answer 2

你在meta中检查了视口吗？

我正在使用

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

我没有任何性能开销。也许你的webapp的某些部分会遇到网络视图的弱点。

您可以开始评论您的HTML，直到您发现您的网络应用顺利进行。

Answer 3

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

由于我们使用的iPad专用于网络应用程序，我将仅推荐使用iOS6的iPad 3。

感谢帖子和答案！