Question

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

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

从一个屏幕导航到另一个屏幕需要花费大量时间。

是否有任何提示/技巧/诀窍来提高速度？它对于经常使用的应用程序来说真的无法使用。

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

欢迎所有技巧和提示。

Answer 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）以确保按顺序加载所有依赖项。

Answer 2

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