Slow page transitions on Android with hardware acceleration on

I am trying to run the ionic-angular-cordova-seed project on Android 4.3.1 using Cordoba. I noticed that page transitions (for example, clicking on a tab or list item) are very slow.

I tried disabling hardware acceleration using:

super.appView.setLayerType(WebView.LAYER_TYPE_SOFTWARE, null); 

... and it worked perfectly. But then scrolling, sliding menu and more animation became very slow.

I tried FastClick, it didn't make any difference.

I found this CSS-based solution to this problem, but I am not familiar with Ionic enough to apply it on it. Any ideas?

Note. I do not use animations for page transitions.

+6
source share
2 answers

Ionic seems to have made many Android fixes that really improved performance. In addition, I divided the version of Android into two versions: 4.4 and pre-4.4. Pre 4.4 uses cordova-android-chromeview , which makes it much faster. Even though it adds ~ 20 MB to apk, it's worth it.

+3
source

Since this error seems to be very specific for Android 4.4.2, I believe that this may be what we are looking for, or at least useful: http://playlablondon.tumblr.com/post/102534909709/improving -performance-on-cordova-powered-android

0
source

All Articles