jquery - 为使用 PhoneGap 构建的 iPhone 应用程序加速 jQuery Mobile 1.1 中的页面转换？

Question

JQM 1.1 中的页面转换在 iPhone 上仍然会导致 1-2 秒的延迟，这会影响用户体验。

有没有人想出如何使 JQM 1.1 中的页面转换感觉更原生？我们知道有 Zepto 等替代框架，但如果可能，我们更喜欢使用 JQM。

我们使用 PhoneGap 在 iOS 设备上分发该应用。

Answer 1

我使用了几种方法，它们一起产生了非常令人满意的结果。

1) Energize.js - https://github.com/davidcalhoun/energize.js消除所有点击/点击的点击延迟

2) 在您的 jQM 启动中添加:

$.mobile.buttonMarkup.hoverDelay = 0;

3、4 和 5)使用

$( "#YourPage" ).delegate("#YourButton", 'tap', function(event) {
        $.mobile.showPageLoadingMsg();
        $.mobile.changePage( "YourPage", { transition: "slide"} );                                               
        e.stopImmediatePropagation();
        return false;
        } );  

3) 而不是使用 jQM 然后将其转换为 mobile.changePage 的普通 anchor 链接 - 自己做这部分并(可能)减少几毫秒

4) 委托(delegate)它点击而不是点击(尽管存在 energize.js 我看不出有什么区别)

5) 在开始传输之前显示加载消息。如果您要导航到的站点很复杂，则可能需要一段时间才能生成，如果您显示加载消息，至少用户知道发生了什么事

6) 使用预加载内容

$.mobile.loadPage( "YourPage" );

由于重叠，这可能有点矫枉过正，但希望使用这些技术，您能够使您的应用响应更快一些!

编辑 - 奖励:这是一篇博客文章，其中介绍了其他三种加速 PhoneGap jQuery 移动应用程序的技术:http://therockncoder.blogspot.no/2012/06/three-quick-performance-tips-for.html