Phonegap低性能问题

Pey*_*ani 4 performance android jquery-mobile cordova

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

第一个加载时间非常长(比原生应用程序晚5-10秒),页面导航太慢.

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

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

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

欢迎所有技巧和提示.

dev*_*ull 7

我发现一些优化提示对慢速设备有帮助:

  • 尝试更改默认页面转换.许多Android设备不支持浏览器中手机的硬件加速功能,这意味着JQueryMobile默认尝试使用的CSS3过渡非常慢.您可以使用:

    $.mobile.defaultPageTransition = 'none';
    
    Run Code Online (Sandbox Code Playgroud)

    关闭所有默认转换.

  • 就脚本加载时间而言,除了可能检查依赖项的各个加载时间并找出替代方案之外,您可以做的事情并不多 - 但您可以确保您的应用程序在加载时看起来并不简单.这是我使用的快速黑客:

    <style type="text/css">
      .doc {display: none;} /* don't show body by default */
    </style>
    
    <body id="main_body" class="doc"> 
    
    Run Code Online (Sandbox Code Playgroud)

    一旦一切都加载,我打电话

    $("#main_body").removeClass("doc");
    
    Run Code Online (Sandbox Code Playgroud)

    显示申请.我使用Javascript预加载器(LABjs)以确保按顺序加载所有依赖项.