Phonegap 低性能问题答案

【问题标题】：Phonegap low performance issuePhonegap 低性能问题
【发布时间】：2012-12-08 17:40:30
【问题描述】：

我使用 PhoneGap 和 JqueryMobile 框架构建了一个包含多个 html 和 js 页面的 android 应用程序。

第一次加载时间非常长（比原生应用晚 5-10 秒）并且页面导航太慢。

从一个屏幕导航到另一个屏幕需要很多时间。

是否有任何提示/操作方法/技巧来提高速度？对于一个经常使用的应用来说，它真的无法使用。

另一个问题是应用程序的内存使用量（一个简单的应用程序大约 50mb）

欢迎所有技巧和提示。

【问题讨论】：

【解决方案1】：

我发现一些优化技巧对慢速设备很有帮助：

尝试更改默认页面转换。许多 Android 设备在浏览器中不支持手机的硬件加速功能，这意味着 JQueryMobile 默认尝试使用的 CSS3 转换非常慢。您可以使用：
```
$.mobile.defaultPageTransition = 'none';
```
关闭所有默认转换。
就脚本加载时间而言，除了可能检查依赖项的各个加载时间并找出替代方案之外，您无能为力 - 但您可以确保您的应用在加载时看起来不会出现问题。这是我使用的一个快速技巧：
```
<style type="text/css">
  .doc {display: none;} /* don't show body by default */
</style>

<body id="main_body" class="doc"> 
```
加载完所有内容后，我调用
```
$("#main_body").removeClass("doc");
```
显示应用程序。我使用 Javascript 预加载器 (LABjs) 以确保按顺序加载我的所有依赖项。

【讨论】：

【解决方案2】：

首先不要使用像 jQuery 这样的繁重框架，试试xuijs！

【讨论】：