Slow page transitions on Android with hardware acceleration on

android cordova hardware-acceleration ionic-framework
Alon Gubkin picture Alon Gubkin · Feb 4, 2014 · Viewed 7.3k times · Source

I'm trying to run the ionic-angular-cordova-seed project on Android 4.3.1 with Cordova. One thing I've noticed is that page transitions (for example, clicking on a tab or a list item) are very slow.

I tried to disable hardware acceleration using:

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

... and it worked perfectly. But then scrolling, side menu sliding and more animations became extremely slow.

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

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

Note: I'm not using any animations for page transitions.

Answer

Alon Gubkin picture Alon Gubkin · Mar 19, 2014

It seems like Ionic has made a lot of Android-related fixes that really improved performance. In addition, I've splitted my Android version into two versions: 4.4 and pre-4.4. Pre 4.4 is using cordova-android-chromeview which makes it so much faster. Even though it adds ~20 MB to the apk, it worths it.

Related questions

Error: ANDROID_HOME is not set and "android" command not in your PATH. You must fulfill at least one of these conditions.

I'm trying to install PhoneGap and I'm getting the following error: Error: ANDROID_HOME is not set and "android" command not in your PATH. You must fulfill at least one of these conditions. Error (screenshot) What do I do to …

Read More
Refused to load the script because it violates the following Content Security Policy directive

When I tried to deploy my app onto devices with Android system above 5.0.0 (Lollipop), I kept getting these kind of error messages: 07-03 18:39:21.621: D/SystemWebChromeClient(9132): file:///android_asset/www/index.html: Line 0 : Refused to load the script 'http://xxxxx' because …

Read More
How to create a signed APK file using Cordova command line interface?

I made a sample application named checkStatus. Now I want to create a signed APK file. So I can install it in different devices for my testing. For this, I Googled and found this documentation. As per the document, I …

Read More