Multi-page navigation performance

Hi, I am building a customer portal that is broken down into multiple apps to separate different requirements and queries, also to act as pages. Everything works fine within each app which share a navigation module in the header of each app. The issue I am having is the performance of when navigating from one app to another. I am testing this in the customer portal to eliminate any delay in the editor, but when a menu item is clicked there is a long delay before switching to the targeted app resulting in a very clunky switch over. I have delayed automatic queries on the targeted app but the problem seems to be the app that is being navigated away from.

Screen Recording 2024-01-17 at 09.57.15 (1)

Thanks for any help.

3 Likes

+1. Seeing similar issues when using navigation components (as modules) in the sidebar and header to navigate amongst apps. The full page reloads causes the undesired page flicker and bouncing, leading to a less than desirable user experience.

1 Like

Hi there,

Thank you for reaching out about this. We are also working on a larger multi-page apps project to help with performance between linked apps. We plan to start rolling out the beta in late March, so more to come soon! The flickering is something that our team is working on and the fix should go out in Retool v3.38.0

2 Likes

Hey Tess,

I'm still getting the same flickering on apps in 3.40.00 any way to avoid the flicker?

All the best,
Joey

Hey @JoeyKarczewski,

Apologies, I didn't update this thread. It turned out there was a couple of different ways that the flickering was occurring. We fixed one of them on v3.38, and another fix went out this week on 3.40 though

Any chance you can share a screen recording?

@Tess Any Update on the Beta for the larger multi-page app project?

Thanks

@Tess Just wanted to follow up on this. Thanks

Hi @fpeiagareau We're hoping to open the beta this month :slightly_smiling_face:

1 Like

@Tess That still the plan for this month? :slight_smile:

1 Like

I DM-ed you about the Private Beta for multipage!

Looking forward to the private beta for this too. Current performance seems to be very buggy as there's no feedback on changing the app via navigation. For the end-user this might be very confusing and could result in multiple clicks.

Hey @Jennifer_Zhang & @Tess!

Not sure if this is relevant given the public release hint I saw on the Developer Day announcement, but would you be able to add our org to the private beta as well?

magicapply.retool.com

Sounds like it was added already :blush:

1 Like

@Tess I am still experiencing this issue in the latest version

Hi @Daniel_Fleuranvil,

Just to double check, you are not using multipage apps?

There's still a bug we're looking into where navigating between apps that have url params can cause an unexpected flicker behavior

My navigation component is referencing other apps and after clicking a different app, I see the latency demonstrated above. Is multipage app a feature that can be turned on?

Hi @Daniel_Fleuranvil,

You can join the waitlist at the link in this blog post

I also encountered the same problem as above. I use a button on the list screen. When the user clicks on that button, they will be redirected to another screen by action Go to app. Is there any temporary solution here?
Thanks.

1 Like

This is a priority for us as we currently have a customer facing set of apps that are being hindered by the page blinking during switching and any solution would be helpful.

@Daniel_Fleuranvil My temporary solution is to add a loading function when switching pages to avoid users clicking multiple times. It seems we need to wait for a more radical solution.