phonegap / cordova应用程序比PhoneGap Desktop慢

Question

最近，我刚刚开始使用phonegap / cordova来构建我的应用程序。 最初，我下载了Phonegap Desktop，并在开发阶段对Phonegap Desktop进行了测试。 它功能强大且灵活，可用于测试。

当我要完成应用程序时，我会使用cordova CLI来构建应用程序，然后在实际设备上安装apk文件。 我发现通过使用相同的编码和设备 ，该应用程序的速度明显比Phonegap Desktop慢，尤其是在对jQuery animate和toggle modal active进行调试时：

// Simple code for toggle dialog modal to active
$("#modal-launcher, #modal-background, #modal-close").click(function () {
        $("#modal-content").css('top', Math.round( $(document).height() - ($("body").innerHeight() / 1.65 ))+'px');
        $("#modal-content,#modal-background").toggleClass("active");
    });



//Simple code for animate list item 
$( '.Class' ).animate({ right:'0px' }, 250);

刚打开应用程序时的速度相同。 在执行一些触发事件的操作后，我发现性能正在下降。 例如，我需要等待几秒钟以使对话框提示，并且动画照常变慢。 如果我重新启动应用程序，性能将再次恢复正常，直到我重复相同的过程。

性能下降不仅是几毫秒，而且延迟高达4-6秒是一个非常显着的差异。 如果我使用相同的编码和设备切换到Phonegap Desktop，则不会发生这种情况。 这使我不知道发生了什么，因为我认为它们共享相同的框架。

我也尝试通过使用phonegap build android和ionic build android来构建应用程序，但是我也得到了相同的结果。 有没有人有类似的经验并且对此问题有任何解决方案？

Answer 1

设备的速度和Webview的版本很重要。 在台式机上，您拥有强大的功能，可以在那里迈出第一步，但随后切换到速​​度较慢的设备进行测试，并使用较早的android版本测试该应用。 原因不是兼容性，原因是较旧的android较慢。

如果应用在较慢的设备上运行良好，那么它将在新设备上正常运行。

Cordova本身和javascript都非常快。 当人们开始使用cordova开发并使用jQuery / jQuerymobile时，会犯一些错误：

1. 用干净的结构编写干净的HTML，并尝试简化dom。

2. 不要一遍又一遍地用jquery查询dom。 如果多次使用选择器，则将其放在变量中：

 var $selector = $("#myselector); if ($selector.height() > 100){ // do something } 

3. 串联jQuery操作：

  $("#myselector).css("active").text("my new text"); 

4. 使用find（），next（），parent（），…。 如果您需要对多个元素进行多项操作，而这些元素在dom中并不遥不可及，则可以使用find（），next（），parent（），…比查询整个dom快得多。

5. 不要将jQuery用于所有内容。 jQuery很棒，但是可以使用简单的javascript进行很多操作。

6. 不要将jQuery插件用于使用javascript可以轻松完成的事情。

7. 制作一个单页面html应用，并避免使用多个html页面。 这是减慢应用程序速度并使开发复杂化的最佳方法。

8. 使用自定义jQuery下载，不要包含不需要的内容。

9. 使用点击而不是点击。