Page load speed issue

js10855 · 2025-03-10T16:45:19.456Z

Hello,

I am working on an app with lot of features. We created this using single page app pattern where everything is in one page but as of now we have issue with page loading speed issue.

Currently this page is not loading at all in mobile using main branch.
In desktop, it is taking 15s to 65s sometimes, not sure why bubble is taking different time to load each time with same data.

I checked lot of articles on this topic and based on that I have tried below things till now:

Removed unused plugins
Removed unused styles etc.
Removed unused elements from the page
Removed unnecessary workflows and simplified it a lot.
Tried to improve db design where I can see some issues
I even tried to use optimize application option in settings–>general but it is giving error to me after running for many minutes.
Removed advance filter wherever possible
Removed unused option set as I guess it is loaded on page load
I used developer tools of browser but could not see anything wrong there. I have attached its screenshot here.
In developer tools, sometimes it is showing that google analytics is taking lot of time (same is shown in attached screenshot so I removed that also but it did not help much.
I have number of popups in the app. I understand that it would load data upfront even though it is invisible but we need that though here also tried to decrease number of popups wherever possible.
Reduce image size. I can see that bubble is already storing that in CDN which is good
Put condition everywhere so data is fetched only when that element is getting visible
I have already added good number of privacy rules which can bring limited data to the screen
Archive the old data so tables can have limited data
Checked that I have put constraint everywhere and not loading all data in my repeating groups
Applied pagination everywhere to keep limiting data
In my current user I don’t have any list which increase load on session data.

I am running out of ideas now except

split the app in multi pages but I think singe page app is better.
Is there a way where I can cache my data? I know bubble apply some caching itself.
Is there a way to apply lazy loading concept everywhere?
I use libraries like
quill.js for rich text editor,
tippy.js for tooltip,
lottie for animation,
slim select for advance dropdown,
toastr for toast notification
bootstrap for responsiveness
font-awesome for nice font
jquery etc. where each one is taking few milli seconds to load. Is there way I can reduce that time?

Please suggest.

Thanks,
Jigar

image1686×726 78.7 KB

net-tt · 2025-03-21T20:48:17.868Z

You have 2 group by that take more than 5 sec each. Do you know what those are for?

js10855 · 2025-03-23T03:36:17.994Z

I have proposal which could have number of sections and sections could have items as list. As of now it is taking around 4s in live. From where you find that each is taking more than 5s each? Completely wrong assumption…

net-tt · 2025-03-24T10:40:28.142Z

Have you resolved the problem? If not, I can take a look. DM me on whatsapp. +45 55221430

ademiguel · 2025-03-24T11:48:06.367Z

One of the best advices for one-page apps is moving to another page those functionalities that are not frequently used. Think of a stratightforward example like the Settings page.

Many more functionalities might be subject of being moved to another page if users don’t use them for the main purpose of the app. This strategy is probably the most effective to reduce page load in heavy one-page apps.

js10855 · 2025-03-24T12:04:43.647Z

I agree. Thats why we have setting page separate only… It is mostly single page except few such pages.

emir.ozgun · 2025-03-24T12:45:52.421Z

Send me the link

js10855 · 2025-03-24T14:49:47.094Z

Planning Hub

Top Event Management Software — Start Free | Planning Hub

Planning hub sign up page. Start collaborating and planning events now

You need to sign up first. you dont need to pay though, just use stripe’s dummy card.

js10855 · 2025-03-24T15:04:52.347Z

I have shared the link in the forum. pls check and let me know what do you think about it.

net-tt · 2025-03-24T15:15:32.784Z

Without data, site loads pretty fast.

emir.ozgun · 2025-03-24T17:46:50.155Z

Landing page is 2-3 secs for me, you can get 70 performance max you know that right ?, I only see calendar as a problem. Yeah it seems like a data problem, you need to horizontally expand the db

ademiguel:

One of the best advices for one-page apps is moving to another page those functionalities that are not frequently used. Think of a stratightforward example like the Settings page.

Many more functionalities might be subject of being moved to another page if users don’t use them for the main purpose of the app. This strategy is probably the most effective to reduce page load in heavy one-page apps.

This never works in current environment, Plugins & option sets loaded anyway. You don’t need to move the setting page

js10855 · 2025-03-25T04:53:07.646Z

Thanks. For calendar, I have already raised an issue in zeroqode forum and they also agree that third party service (unpkg) what they were using was down hence it was slow. see this thread: Performance issue with air calendar/air date picker - Help Needed - Join the Bubble Community | Zeroqode Forum