Ionic: slow transitions in installed android app
I faced with the same issue. It's worse in cases that you need to load a lot of information. In those occasion, I disable the transition effect by setting:
nav-transition=none
if you need to disable the transition from your controller, do the following:
app.controller('ctrl', function($scope,$state, $ionicViewSwitcher){ $scope.goBack = function(){ $ionicViewSwitcher.nextTransition('none'); $state.go('back');});
I found some solutions by which I face problem in ionic app transitiosn..
- After State Change I use this code..
//OnState Change..
$scope.$on('$stateChangeSuccess', function() { $ionicLoading.show(); MyTeamListing(); })
which hit serve every time when i change state.. which is slow down the app.
i just Remove first line and my code is working fine...
I don't know it is a good or bad way but its working for me fine..
Transaction is become slow if too much data is load on transactionso that I use ionic events which load data after transaction done.
$scope.$on('$ionicView.afterEnter', function(){ console.log("afterEnter"); $ionicLoading.show(); loadRemoteData(); $ionicLoading.hide();});
Well, the perks of developing hybrid application is its code re-usability and faster development however, what advantage we get on development results in slow hybrid apps. We can make the application relatively faster if we follow following points:
- absolutely remove the comments and unnecessary functions
- minimize the white-space, make your functions as small as possible
- use minified css and js
- optimize the images, the fewer the images the faster the application
- if possible, preload the images check here
- keep the nonessential js file to the bottom of the page just before the end of body tag
- remove the unnecessary pages, unnecessary scrolling and large pages.
- limit the usage of input boxes; make use of radio buttons,checkboxes and comboboxes if possible.
- don't use jquery library unless of utmost necessity, use javascript