Ionic-framework: Low-end mode, disabling animations across the whole UI

[manucorporat]

Imo it is better to have an UI without animations than janky ones.

Animations are usually used to modify our illusion of time in a way the same application looks faster, but non-smooth animations have the opposite effect and at the same time they add a non negligible overhead.
https://medium.com/swlh/the-illusion-of-time-8f321fa2f191#.lwgofrkl9

In slower devices an animation is janky and at the same the time more CPU resources are wasted, so content presentation is delayed even more.

I propose a "low-end" mode for Ionic 2. It could be enable with a global configuration, that adds a "slow-end" class in the <ion-app> element. And the components across the framework can read it to conditionally run their animations.

[manucorporat]

https://github.com/driftyco/ionic/issues/8710

https://github.com/driftyco/ionic/issues/6320

[javierprovecho]

I think this is a great idea specially for accessibility. Some requisites include the reduction of movement and being able to auto configure on OS (iOS/Android) requests, it would be great. Also the reduction of movement is applied to some native apps when battery is low. This will help reduce some of the HTML rendering.

[ghenry22]

this could also potentially be branded as a "low power mode" as mentioned, if it could then be toggled dynamically during app use it would be a really handy little tool for any ionic app.

[daveshirman]

@ghenry22 Exactly what I was thinking. This would be a really good bullet point when marketing an Ionic 2 app.

[brandyscarney]

Sounds good to me @manucorporat :+1: We can discuss the naming. ;)

[aemr3]

Any progress on this? Low-end mode would be great for phones like iPhone 4S. Ionic apps are really slow on some phones.

[graphefruit]

@aemr3 Try crosswalk meanwhile?

[aemr3]

We are already using WKWebView for iOS and Crosswalk for Android. They don't help much because of the poor performance of cpus.

[graphefruit]

I see, crosswalk helped a lot on my old Android devices (Note 1 e.g.) with Android 4.1.

But the most parts I needed to do was disabling and cleaning css on my own (project wasn't with ionic)

[graphefruit]

@manucorporat Any news on this topic?

[jgw96]

This issue was moved to driftyco/ionic-feature-requests#218

[jgw96]

This issue was moved to driftyco/ionic-feature-requests#219

[vaskou]

Sorry but the links, where the issues moved to, don't work.

[graphefruit]

@vaskou Thats right, its because its an private repo and not for public

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.