jQueryMobile PageTransition Speed ​​

Question

PhoneGap/Cordova 2.4.0에서 jQueryMobile 1.3.0을 사용하고 페이지 전환 속도를 높이는 방법을 알아 내려고합니다. 내 랩톱에서 실행할 때 페이지 전환을 약 50ms로 줄 였지만 iPhone 4에 배포하면 페이지 전환이 크게 느려집니다.

시나리오 페이지 A에서 페이지 B로 전환 "페이지 B - pagebeforecreate"이벤트와 "페이지 A - 페이지 숨기기"이벤트 사이에 appox 500ms가 발생합니다. 여기

내가 시도 것입니다 : 나는 대부분의 코드를 제거했다

1. .
2. 확인 페이지 A - pageRemove 이벤트가 실행되지 않아 시간이 없습니다.

3. CSS의 애니메이션 재생 시간이 350ms에서 30ms로 단축되었습니다.

   .slide.out,.slide.in { 
       -webkit-animation-timing-function:ease-out; 
       -webkit-animation-duration:30ms; 
   } 
   

4. 이 changePage에 모두 'A'태그와 DIV

   <a href="#pageB">Go</a> 
   
   <div onclick="$.mobile.changePage('#pageB');">Go2</div> 
   

누구나 jQueryMobile이 두 사건 사이에 무엇을하고 있는지에 대한 어떤 생각을 가지고 봤어 (이 도움이,하지만 충분하지) 그 시간이 걸릴거야. 내 다음 단계는 시간이 소비되는 곳을 좁히기 위해 jquerymobile 코드 내부에서 로깅을 시작하는 것입니다.

감사합니다.

감사합니다, 톰

Answer 1

가장 빠른 방법은 당신이 사용하지 않도록 설정할 수 있습니다 전환

<script type="text/javascript"> 
    $(document).on("mobileinit", function() { 
       $.mobile.defaultPageTransition = $.mobile.defaultDialogTransition = "none"; 
      }); 
    </script> 

Answer 2

jQuery를 모바일 이벤트를 활용할 기본적으로이 300ms 지연을 추가합니다 - 그것은 더블 탭과 스 와이프 같은 것들에 대해 듣고 있어요. 이러한 유형의 이벤트를 사용하지 않는 경우 PhoneGap/jQueryMobile 앱에서 속도 문제를 해결 한 FastClick http://forum.jquery.com/topic/how-to-remove-the-300ms-delay-when-clicking-on-a-link-in-jquery-mobile을 통합하는 것이 좋습니다.