Actual Hard limits of a Single Page

Need help App Organization
1

Hello,

As per bubble, There’s a hard limit of 10,000 combined total of elements, events and actions on a single page.

For the main page of my app, when I checked the Google Chrome Console (using command of document.querySelectorAll(‘*’).length), The Preview Page shows #components around 2500 element. However, the Bubble Editor for same page showing # components = 9700 elements (including bubble.io system elements). Which number should i consider relevant to the hard limits: the 2500 or 9700? and if the 9700, It seems around 5000-6000 elements are related to bubble.io editor components itself, does they count towards the hard limit of 10,00o elements per page or this 10000 are the components of my app alone excluding bubble.io editor’s standard elements.

The empty page have already around 6200 system elements. Does it mean I have only 4000 elements left for my app elements?

Thanks in advance.

2

If you’re trying to put that many actions/workflows/events you’re doing something wrong.

Separate your triggers, workflows, and actions into Reusables and backend workflows.

2 Likes
3

Thanks for quick response. Actually it’s a complex SPA and this number is the total including UI elements themselves. Is it still inefficient to do so?

Thanks in advance.

4

I haven’t heard of this limit and would also assume 10,000 is per reuseable too as nobody here has ever run into this issue.

Are you not using reuseable elements?

5

Actually, I am not sure if I transmitted the issue in a clear way…

  • Bubble states in documentation that hard limit for UI elements + Workflow’s Events/Triggers + WF actions per page in bubble editor must not exceed 10,000 all together.

  • If i created a new page without anything, system elements of bubble editor itself are around 6000 (as per google chrome console)

  • it means that per page, the remaining limit for me to create UI elements + WFs is around 4,000 only

-I am using reusables, custom states and conditions the best I can, however it’s a single-page complex app, so most of my UI and logic lays on a single page.

Am I doing something wrong?

6

Fundamentally unless you’re doing something really wrong, you don’t need to worry about this limit at all.

And no, it is elements in your app, not in the editor.

1 Like
7

How do you check how many elements you are using in app and the editor ?

8

Ok, it’s seems you’re about to make up my weekend :slightly_smiling_face:
Just to make sure I got it, Hard limits of bubble (10,000 per single page) applied to The Preview Page elements (the one appears to the user) and not the Bubble editor elements (UI, Workflows, Data, Style,…).

N.B: To know the #elements / page, I use the chrome console and send document.querySelectorAll(‘*’).length. am I right?

If this is the case, when I check #components of the Preview page, it’s around 5000 (I tried to simulate worst case and opened/showed most of hidden groups and used most of WFs).

Does it mean I am ok?

Thanks a lot in advance.

9

I use the google chrome’s console and send document.querySelectorAll(‘*’).length. am I right?

10

No just asking , I don’t know anything about number of elements but I have a SPA . So is this a problem or not ? That 10K thing . How do I check it ?

11

On google chrome >> right click >> inspect >> go to (Console) tab on the right side >> type: document.querySelectorAll(‘*’).length.

12

Okay thank you I will look into it

1 Like
13

Why are you attempting this wizardry? I have never once done this or needed to count elements on my pages :stuck_out_tongue:

1 Like
14

This is just because bubble stated clearly there’s a hard limit on that :slight_smile: