The hardware accelerated transitions mean?


On the ionic homepage:

Performance obsessed

Speed is important. So important that you only notice when it doesn't work. Ionic is built to perform and behave great in the latest mobile devices. With minimal DOM manipulation, zero jQuery, and hardware accelerated transitions, one thing is for sure: you'll be impressed.

I’m wondering what is hardware accelerated transitions mean?


Hardware accelerated transitions are just transitions that are done on the GPU instead of the CPU

Basically this means that CPU doesn’t spend it time trying to perform the transition and lets the GPU handle it. This is taken from wikipedia

“In computing, hardware acceleration is the use of computer hardware to perform some functions faster than is possible in software running on the general-purpose CPU. Examples of hardware acceleration include blitting acceleration functionality in graphics processing units (GPUs) and instructions for complex operations in CPUs.”


Although Ionic is faster than other frameworks I used, like jQuery Mobile it still feels slow and laggy compared to native applications (approx 5-6 times slower). Especially transitions and long lists feel kind of choppy and the framerate drop is quite noticeable even on today’s high end devices.

We are currently moving an existing app from ios/android to html5 using ionic and the difference in the user experience is very noticeable; especially on older devices using animated transitions is a no-no.

We are currently looking at alternative ways to speedup the app; this has lead us to and the project that seem to promice to solve the rendering speed problems and still keep the AngularJs part of the project in the mix. I do not know how easy the transition would be or if it can be used with the ionic framework we love so much (that would be a match made in heaven).

Experts, what is your oppinion? Anyone tried it?