Memory leaks on web app

Hey guys, I’ve notice these last few days my app’s browser tab memory usage starts from 500mb on the first pageload, to 4GB+ after doing a couple of page refresh until its too much and page crashes. Which then starts again at the initial 500mb memory usage.

I tried on a very basic page as well and also observe this behaviour.

Memory also slowly increases after a while doing nothing on the page, but mostly increases after every page refresh.

This is pretty concerning and needs to be addressed ASAP.

Thanks

@raphaelbergeron12 Seeing the same thing…

Did you submit a bug report already?

Use Brave, works better. Also close the app now and then.

@nocodeventure i think you are talking about the Bubble editor right (i am seeing those as well like everyone else, which is another dumpster fire). however, i am seeing memory leaks in my actual application (not the editor) since the last weeks

In that case, you should inspect the network tab.

Do you have a lot of repeating groups? If they don’t have pagination this tends to be the root cause

Yes i’m in talk with support but they’re not really useful so far. Telling me to use the Refresh Page action to reset memory, but its not working memory usage stays the same anyways.

This is for my webapp not for the bubble builder. already using brave too!

Yeah this is what we’re experiencing as well, havent noticed this before so its probably something that changed recently in bubble. Memory keeps going up even while leaving the page open, and jumps even higher after each page refresh

Yes its a heavy SPA webapp with tons of repeating group and data. but still I was able to reproduce this memory leak on a blank new app with nothing but a text element (no plugin). Every page refresh does increase memory usage, just in a smaller scale of course.

That’s very interesting, did you isolate it in with chrome tools yet?

It seems like it has gotten out of control and needs to be looked at again by the engineers. Memory leaks have been issues in the past. @fede.bubble

1 Like

I recommend everyone to submit a bug report flagging memory leak issues in their apps. It’s the fastest way to escalate an issue to the team once they receive enough tickets about the same problem

What’s a good way to check if memory leaks are happening? Just check the browser tab?

My editor is always out of control.

That is the quickest way to check. I can tell because I need to restart my browser very often and it just gets stuck. Especially with the API connector. I can’t even check errors on the backend workflows without bogging down my machine. I work in very large enterprise level apps so it’s hard. Light apps aren’t a problem at all.

1 Like

If it’s an SPA, switch data on repeating groups to be conditional and only when the element is visible. This should solve it.

Thanks for the suggestion, already doing that though!

1 Like

Anyone else have any ideas? Afraid we’ll have to migrate entire frontend to another platform if this issue persist.

Turns out the issue was only occurring on Brave browser, due to the Brave wallet and ad blocker, disabling those fixed the issue!

This topic was automatically closed after 70 days. New replies are no longer allowed.