Seeking Advice on Slow Page Loads in Bubble Applications

Hi Bubble Community,

We’re experiencing significant performance issues with page load times in our Bubble application, even with minimal content. Specifically:

•	An almost empty page with just a single text heading shows an average Speed Index of 1.56-1.72 seconds using Google Lighthouse and other tools.

Detailed List of What We’ve Discovered:

•	An almost empty page is showing poor performance metrics.
•	Specific render-blocking JavaScript resources identified:
•	package/early_js/early.js
•	pre_run_jquery_js/pre_run_jquery.js
•	package/run_js/run.js

What Bubble Customer Reps Have Told Us:

•	JavaScript-heavy sites like Bubble may naturally score lower on some performance tools.
•	The identified scripts are necessary for app functionality and cannot be loaded asynchronously.

Request for Community Input:

Has anyone faced similar issues with minimal-content pages? Seeking input on:

•	Utilization of CDN to speed delivery of render-blocking files.
•	Effective third-party integrations for performance.
•	Any other tips to improve page load times.

We appreciate any insights or advice. Thank you!

1 Like

Yes, every single user that has a Bubble app

I believe that is in Bubbles hands to resolve

If this is for a blank page, there is nothing you can do…But generally, the less data searches the better

1 Like

I’d also really look into any plugins you have installed. Unfortunately, some of the most popular plugins can be poorly setup, causing pages that don’t even use elements from that plugin to still load massive Javascript libraries.

We removed 1 specific icon pack, and it sped our application up about 12x the speed (we are at about 14 second load times prior to this effort). We were absolutely dragging slow, and even asked for help from Bubble. Our Bubble technical support specialist tried to investigate and identified several possibilities, and it took me about 3 weeks dedicated to just solving this one problem to find this specific plugin.

We have several products under one app, all on different pages, but they are SPA themselves. We tried moving to a multi-page setup, and that did slightly help but increased overall wait times when transitioning modules. This wasn’t okay with us.

I wish there was a magic bullet answer here, but the only advice I can give is to use chrome dev tools, watch the network tab and also the performance tab. Look up YouTube videos on how those tabs work. That’s how I ultimately found this one specific plugin.


I re-read your post, and while my advice still stands and I’d like to leave it for anyone else doing research into a similar topic, I realize it doesn’t fit your exact scenario. Unfortunately the native Bubble Javascript code that runs (dynamic.js, static.js, and all the other files) we can’t really do much with, obviously. If you find a solution to your specific questions regarding these resources, I’m sure most of us would love to hear them.

5 Likes

Hi, Draked123, I am facing a similar problem, as you mentioned the icon library, how about google material icons, is it well designed or very heavy, many of my icons are from this plug in, I would like to test it but I am worried about if I tried it then nothing changed (speed), and I reinstall the plugin, the previous icon missing, so that I need to design the icon part of the app again.

The best way I know right now to speed things up…

today, with what is available, and how Bubble loads their scripts - and along with the other advice given…

is to turn your site into a PWA. There are different ways to do this and you can decide.

There are a lot of reasons for this which would take some time to go into.

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