आयोनिक: स्थापित Android एप्लिकेशन में धीमी गति से बदलाव

Question

मैं उपयोग करते हुए मेरे Android (Lollipop) डिवाइस पर एक ईओण एप्लिकेशन (बीटा 14) स्थापित किया है:

ionic platform add android 
ionic run android 

मैं भी मैन्युअल रूप से ऐप्स का निर्माण किया और एशियाई विकास बैंक के साथ स्थापित किया है।

ऐप आयन-साइड-मेन्यू का उपयोग करता है, और सरल दृश्यों (सूची -> विस्तार -> विवरण) के बीच संक्रमण के लिए एनिमेशन एक सक्षम फोन पर अविश्वसनीय रूप से लगी हैं। एनीमेशन जब साइड मेनू स्लाइड करता है तो इसके विपरीत बहुत चिकनी होता है।

स्थिति की और जांच करने के लिए, मैंने अपनी देव मशीन से www निर्देशिका की सेवा की और फोन पर क्रोम में उस पृष्ठ को खोला और यह उतना आसान था जितना कि कोई उम्मीद करेगा। ऐप आईओएस उपकरणों पर आसानी से चलता है।

क्या किसी के पास कोई संकेत है कि ऐप आयनिक में कब धीमा है, लेकिन जब ब्राउज़र में इसे केवल प्रस्तुत किया जा रहा है तो यह अपेक्षा करता है?

Answer 1

मुझे एक ही समस्या का सामना करना पड़ा। मामलों में यह बदतर है कि आपको बहुत सारी जानकारी लोड करने की आवश्यकता है। उन अवसर में, मैं सेट करके संक्रमण प्रभाव को निष्क्रिय:

nav-transition=none 

अगर आप अपने नियंत्रक से संक्रमण को निष्क्रिय करने की जरूरत है, निम्न करें:

app.controller('ctrl', function($scope,$state, $ionicViewSwitcher){ $scope.goBack = function(){ 
    $ionicViewSwitcher.nextTransition('none'); 
    $state.go('back'); 
}); 

Answer 2

मैंने पाया कुछ समाधान जिसके द्वारा मैं समस्या का सामना आयनिक एप्लिकेशन transitiosn में ..

1. राज्य बदलें बाद मैं इस कोड का उपयोग ..

// OnState बदलें ..

$scope.$on('$stateChangeSuccess', function() { 

    $ionicLoading.show(); 

    MyTeamListing(); 

    }) 

जो जब मैं राज्य को बदल हर बार .. जो एप्लिकेशन को धीमा है की सेवा मारा।

मैं सिर्फ पहली पंक्ति निकालें और मेरी कोड ठीक काम कर रहा है ...

मैं इसे एक अच्छा या बुरा तरीका है, लेकिन मेरे लिए ठीक काम कर रहा है अपने को पता नहीं है ..

लेन-देन धीमी हो जाता है यदि लेनदेन पर बहुत अधिक डेटा लोड होता है ताकि मैं आयनिक घटनाओं का उपयोग कर सकूं जो लेनदेन के बाद डेटा लोड करते हैं।

$scope.$on('$ionicView.afterEnter', function(){ 
      console.log("afterEnter"); 
      $ionicLoading.show(); 
      loadRemoteData(); 
      $ionicLoading.hide(); 
}); 

Answer 3

ठीक है, संकर आवेदन के विकास की सुविधाएं अपने कोड को फिर से प्रयोज्य और तेजी से विकास तथापि, क्या लाभ हम विकास पर परिणाम धीमी गति से संकर क्षुधा में मिलता है।हम अपेक्षाकृत तेजी से अगर हम निम्नलिखित बातों का पालन करें आवेदन कर सकते हैं:

• बिल्कुल टिप्पणियों और अनावश्यक कार्यों
• को कम white-space निकालने के लिए, संभव
• उपयोग न्यूनतम किया गया CSS और JS के रूप में के रूप में छोटे अपने कार्यों बनाने
• छवियों का अनुकूलन, कम छवियों तेजी से आवेदन
• यदि संभव हो तो, छवियों check here
• प्रीलोड करने की गैर जरूरी js फ़ाइल रखना बॉडी टैग के अंत से पहले पृष्ठ के नीचे
• अनावश्यक पृष्ठों, अनावश्यक स्क्रॉलिंग और बड़े पृष्ठों को हटा दें।
• इनपुट बॉक्स के उपयोग को सीमित करें; यदि संभव हो तो रेडियो बटन, चेकबॉक्स और comboboxes का उपयोग करें। जब तक अत्यंत आवश्यकता की, जावास्क्रिप्ट