I’ve been noticing there is a general lag with ionic on Android, especially with animations. Testing the app on iOS (via safari and ionic serve) there is no lag, it is completely smooth. Right now the code is just a slightly modified version of the default tabs template (only some small html changes…

Android 4.4 is when google switched WebView to be based on Chromium, so it’s not too surprising if you were running android 4.1.2.

Yes, that was expected. Crosswalk even improved the performance on a Moto X running 4.4.4, which wasn’t expected. Just fyi - native overflow-scrolling on the 4.1.2 device performed just fine, it’s just ionic’s scrolling that performs poorly on it.

This may be related to Ionic Slide Performance Problems on Android

Yes, seems to be a related problem. I already tried crosswalk, doesn’t change much compared to Chromium on Android 4.4.4. It really seems to be a problem with recalculating the styles. I works with very little elements within a ionic component but with a few elements the performance lag becomes noti…

I saved a timeline log: https://www.sendspace.com/file/lrlxmn Chrome -> Timeline -> Right Click -> Load Timeline Data

[image] Ionic Slide Performance Problems on Android Hi, the slidebox gets really slow when there are to many elements in a slide. I have a average fps of 9 FPS. Device: Nexus Tablet 7 (First Gen) OS: Android 4.4.4 Ionic: Beta13 The timeline shows a transition between two slides. Do…

Animations in my app work consistently in IOS, but on my S4 (Android 4.4.2) they only seem to fire a fraction of time. Usually, the view/modal just appears with no transition. I haven’t tested this on other Android devices. I’m not using a side menu.

I found the reason for the lag in my case. The on-slide-changed fires not when the animation/transition is done but somewhere in the middle of the transition. on-slide-change sets $scope.currentSlide I have a element on the same page, something similar like the slide-pager, let’s call it my-slide…

Try ngTouch on a divs container for sliding events. The divs would be sliders containers. Use animate.css for animations. Simple as that and fast even on 4.0.4. Example for my swipeable tabs, but would work as slides as well: <div> <div ng-class="animationForTabs" ng-show="tabFirmsVisible" ng…

Thank you. I’ll try that out. Do you think it has something to do with translate and translate3d? My theory is, that by using animate.css you use translate3d, but ionic-slide uses translate. (@ionicteam: please clarify) And since translate3d is harware accelated, is feels smoother.

Animations lag on android (smooth on iOS?)

ionic-v1

christian October 3, 2014, 7:48pm 21

Topic		Replies	Views
Ionic Transitions in Lollipop are slow	48	17508	December 15, 2015
Scrolling and animations in Android emulator really slow ionic-v1	38	24032	September 26, 2015
Running app on an Haier (Android) tablet is very slow ionic-v1	25	4929	November 13, 2014
Everyone is reporting Android being slow. Can we make this the highest priority? ionic-v1	12	5672	October 30, 2015
Video of my app with lags ionic-v1	10	1519	April 12, 2016

Animations lag on android (smooth on iOS?)

Related topics