iPhone 4上的背景图像导致webapp运行缓慢

时间:2011-08-17 11:35:52

标签: iphone performance uiwebview sencha-touch iphone-4

我将我的一个项目移植到iPhone 4。

这是一个Sencha Touch应用程序,通过PhoneGap包装器运行(这意味着UIWebView)。在iPhone 3(GS)和模拟器ofc上,一切都运行得相当顺利。但是在iPhone 4上(我们在几部手机上进行了测试)面板背景的css规则使得整个应用程序运行速度非常慢,包括滚动和制表转换:

background-image: url(../images/background/main_panel__background.png); /*320x317*/

导致所有口吃和滞后。

我试图将图像转换为JPEG并替换它 - 仍然没有任何帮助。

它可能是什么?我知道WebKit渲染引擎会进行一些缩放(1x1 - > 2x2)以适应“Retina”显示器的高分辨率,但为什么会导致这种放慢?

谢谢。

1 个答案:

答案 0 :(得分:0)

我发现了与背景图片相同的问题,我不确定是什么原因。实际上我怀疑我的png的Alpha会导致这个问题,但显然你也用jpg了...现在我删除了图片。我们可以使用CSS仅为iPhone删除它...