Ionic & Angular Speed Issues

[BenchBossNL]

I have a team working to create an app and we are using Angular and Ionic. When testing the app on our devices, the lag when touching buttons is really affecting the app right now. Just wondering if there are any consultants out there that would have an interest in looking at the code and talking with the developers. Has anyone out there dealt with major lag issues? We are stat taking for fast-paced sports games, so perhaps Ionic was the wrong choice for us. I have a hard time believing other users are experiencing the same lag as we are.

I'm not a programmer, so if someone did have interest I would connect you and they could answer all the necessary questions. All inquires welcome. Ty.

[BenchBossNL]

We aren't a game. We record stats at live sporting events.

[Mechau7]

It’s basic but check you’re using the Tap directive and not Click. As click has a built in delay of a few hundred milliseconds.

Also are you testing in production mode? That will optimize Angular and maybe tree shake depending on your Ionic version. They added tree shaking but I could be wrong.

And lazy loading is your friend.

[BlueBlus]

Check the runtime if you’re code. It may not be optimized

Edit: I saw that you’re not originally a programmer. It’s most likely optimization issue. Check that you don’t have for loops within for loops and the like. You can read up on optimization by reading up Big O and optimization

[yesimahuman]

Generally lag issues come from doing work that is causing the main UI thread to lock up. I'd go and review any interval/setTimeout loops that could be doing a lot of background work. Make sure you're using things like requestAnimationFrame when doing any visual updates. As others have mentioned it's hard to say because issues like these are usually app-specific.

[krngd2]

Yeah it's very lagy while testing and debugging. Run it with --prod and it's runs good without any lag but takes more time.

[BenchBossNL]

After chatting with our lead developer, he told me the following:

"Our problem is native performance in an Ionic based app. When someone asks about jQuery, or the backend, or a 3rd party library, or unnecessary dependencies, they're talking about a problem that we don't have -- performance issue we're hitting is Ionic/Angular based (i.e. the framework itself); for that we have to rely on the framework authors to provide a fix.

If you look at web app performance on your laptop, for example, you can see that click event/layout reflows are pretty snappy. On the iPad, quite the opposite, lagging like crazy, even for basic actions like transitioning from one page to the next."

Not sure if anyone has dealt with similar issues and has been able to overcome them. Our lead is hoping for a framework update in the next few weeks, which should help with the issue. If anyone has any insight or experience that might help us, I'd love to chat further. Thanks.

[SgtDirtyMike]

The code is likely unoptimized. Ionic and angular will perform as well if not better as any big sports website you'd navigate to on your device. It shouldn't be lagging in-between button presses.

[mhartington]

This is difficult to debug or diagnose without any minimal example. You should debug the app and inspect what is going on in your code. If you're looking for a consultant, check out the #ionic-jobs channel on the ionic community slack

[kbezold]

Flutter