App in edit mode extremely slow to delete anything

I have several apps, one in particular is extremely slow in edit when deleting a component, it is taking around 20-30 seconds to delete the component then release the ui back to me.
Other apps on the same machine, no issues.
This app with the issue is not particularly large, but has about 3 listviews that get populated from in memory arrays. I'm on a tight schedule with this app!
Any ideas would be welcome

Hi Pete,

Can you provide further information about this app - in particular around the listViews. How many elements are each listView rendering? How many components in each listView set are there? Are any of the listViews nested within each other?

Hi,
7 listviews each with max 3 text boxes
each listview has max about 6-10 items
Listviews are not nested at all
Which is why it seems weird that it is very slow - noticed that the app size (shown on the browser tab) goes up to 1gb

Hi Pete,

After catching up on the call just now it looks like the issue was based on a tabbed container with multiple 'tabs' having many components (almost 400) which was causing a large overhead for the browser to render (the usage from Chrome told us the tab was almost at 1GB at one point.)

The solution here (and anyone in the future reading this) is to split out the tabs into multiple Retool apps, or indeed use the new Multipage IDE to separate the tabs out into their own 'pages'. Multipage apps will only ever render what components are on view n a given page, so the performance of this is far better.

Thanks for raising the issue and glad we could troubleshoot!

1 Like