Code output preview breaking performance

  1. Switch my view to look at a transformer that may contain lots of data and not have my browser tab hanging up:
  2. It feels like the code preview side bar really chops down app performance. Even a fairly small amount of data being previewed here will make the whole environment lag terribly.:
  3. Closing the preview flyout will allow app to instantly start perform quickly again:
  4. I am using the cloud version. Folding away the preview does not always work. When saving changes to a transformer for instance, the flyout pops back out and then everything jams up. Or when navigating from the canvas back to a transformer, also the flyout seems to pop out and crash everything. I do not think I have too much data in the transformer. When using the app and the transformer data is being populated into tables and list views, the app is normally responsive.

Hi @Shawn_Crocker,

Apologies for the trouble loading the transformers. Just to clarify are you talking about this part of the code preview sidebar?

Yes. That's right. Just as an example

I pull in 32 items from a retool database query

The query contains about 25 columns and I formatAsArray()

As soon as the JSON loads into the preview, things slow to a crawl. There is even a 1-2 second delay between typing and seeing the character on screen. This happens with any queries with a similar level of data going into the preview.

As soon as I fold away the preview, everything jumps to life.

Main problem I have with this is I cannot stop the preview from popping back out after running the query and sometimes when it pops back out, depending on how much data is in the preview, It often takes over a minute of the page not responding before I can finally click the fold away button.

1 Like

Thank you for the details!

I am really sorry to hear that the performance falls off so much, that definitely shouldn't be happening for that number or rows/columns :face_with_monocle:

Let me raise this with our performance team and see if they can deduce anything from the logs if your org in on the cloud. What is your org name?

Does the slow down/crash not occur if you trigger the query via a button and have all the left side panels closed?

No, there is no extreme performance hit when the query is triggered with the code folded away. Our org is trebormanufacturing

1 Like

Ok good to know.

I am working with one of our engineers right now but we have having some trouble reproducing this behavior.

They are wondering if you could provide a image of the debug console's Timeline tab while the issue is occurring.

Also they asked if you could get a performance browser trace to share with us as well :sweat_smile:

I would love to provide the performance trace. I'm afraid your going to be specific then just, "a performance trance". What information are they wanting focus on? There's a lot of information available in the performance tab.

sorry to butt in here, but perhaps you meant to also link Save and share a recording @Jack_T?

idk what all is in it, so maybe send it in a PM or email or something

1 Like

Thanks @bobthebear. I hadn't picked up on the little record button which easily records and packages everything up. @Jack_T, I just sent you a message with a link to the requested files. In the supplied videos, you will see me demonstrating the performance difference between navigating to the query while its preview flyout is open and navigating to the query with its flyout closed. This is not an extremely bad case because I need the app to be responsive enough to keep from tab hanging up during the video.

1 Like