Page load speed issue

Need help
1

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:

  1. Removed unused plugins
  2. Removed unused styles etc.
  3. Removed unused elements from the page
  4. Removed unnecessary workflows and simplified it a lot.
  5. Tried to improve db design where I can see some issues
  6. I even tried to use optimize application option in settings–>general but it is giving error to me after running for many minutes.
  7. Removed advance filter wherever possible
  8. Removed unused option set as I guess it is loaded on page load
  9. I used developer tools of browser but could not see anything wrong there. I have attached its screenshot here.
  10. 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.
  11. 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.
  12. Reduce image size. I can see that bubble is already storing that in CDN which is good
  13. Put condition everywhere so data is fetched only when that element is getting visible
  14. I have already added good number of privacy rules which can bring limited data to the screen
  15. Archive the old data so tables can have limited data
  16. Checked that I have put constraint everywhere and not loading all data in my repeating groups
  17. Applied pagination everywhere to keep limiting data
  18. In my current user I don’t have any list which increase load on session data.

I am running out of ideas now except

  1. split the app in multi pages but I think singe page app is better.
  2. Is there a way where I can cache my data? I know bubble apply some caching itself.
  3. Is there a way to apply lazy loading concept everywhere?
  4. 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

image
image1686×726 78.7 KB

2

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

3

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…

4

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

5

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.

6

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

7

Send me the link

8

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

9

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

10

Without data, site loads pretty fast.

11

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

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

12

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

13

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