在使用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时需要的组件