在使用PhoneGap构build的iPhone应用程序中加速jQuery Mobile 1.1中的页面转换?

JQM 1.1中的页面转换仍然会在iPhone上造成1-2秒的延迟,从而影响用户体验。

有没有人想出了如何使JQM 1.1中的页面转换感觉更原生? 我们知道像Zepto这样的替代框架,但是如果可能的话,我们更喜欢使用JQM。

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

我使用了几种方法,一起产生了一个相当令人满意的结果。

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 – 自己做那个部分,并(可能)刮几个ms

4)委托它来点击,而不是点击(虽然有energize.js目前我无法说出任何区别)

5)开始传输之前显示加载消息。 如果您正在浏览的网站比较复杂,则可能需要一段时间才能生成,如果您显示加载消息,则至less用户知道发生了某些事情

6)使用预加载内容

 $.mobile.loadPage( "YourPage" ); 

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

编辑 – 奖金:这是一个博客文章,其中包括三个其他技术,加快PhoneGap jQuery Mobile应用程序: http : //therockncoder.blogspot.no/2012/06/three-quick-performance-tips-for.html

只包含您在购买jQuery Mobile时需要的组件

http://jquerymobile.com/download-builder/