背景图像使Web应用运行缓慢

问题描述：

这是一个煎茶触摸应用，通过PhoneGap的包装上运行（这意味着一个UIWebView）。一切运行在iPhone 3（GS）和模拟器c上都非常流畅。但在iPhone 4（我们已经在几个手机测试）为面板背景的CSS规则使得整个应用程序运行速度很慢，包括滚动和标签转换：

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

这会导致所有的口吃和滞后。

我试图将图像转换为JPEG和取代它 - 仍然没有什么帮助。

它可能是什么？我知道WebKit渲染引擎会进行一些缩放（1x1 - > 2x2）来适应高分辨率的“视网膜”显示，但为什么会导致这种放缓？

谢谢。

答

我发现与背景图像相同的问题，我不知道可能是什么原因。其实我怀疑我的PNG的Alpha会导致这个问题，但显然你也是用JPG来做的......现在我删除了这张图片。我们可以使用CSS删除它只适用于iPhone ...