How to speed up page loading time with conditional groups

Tips
1

Hi

i just want to share something with you guys
I have observed along the time that, going from a page to another takes some time. i would say, double time compared with a regular coded webpage

So i did this: https://testy11.bubbleapps.io/version-test/page1/
Editor: testy11 | Bubble Editor
Basically, you can have most of your content in one page, and just use groups to show and hide the content you want. You will need to use “open external website” action

Screen Shot 2016-10-21 at 12.31.58.png850×760 42.8 KB

It’s much more convenient then having page1,page2,page3

The thing i would like to have here, would be:
instead of writing static value “page1” - a dynamic option “current page name”

Screen Shot 2016-10-21 at 12.35.01.png680×912 51.4 KB

2

Thanks for sharing.

Could you pls name your topic in a more descriptive way so it gives more meaning and is easier to find in searches etc.? It’s seldom I find myself searching the forum for “something” or “interesting” or “something interesting”. :slight_smile:

May I suggest “(How to) speed up page loading time with conditional groups”

3

Good point @jonaspalmqvist. will do it right away.
I am playing a little with it to see what limitations i can face

4

Thanks.

I briefly looked att it but I noticed you were playing with it hehe. I’ll wait a bit.

5

now, the question is, how can we send data from a repeating group, so we can have something like this:
https://testy11.bubbleapps.io/version-test/page1/companies/“company_name”
Let’s say that we can’t set the type of content to this page. How else could we do it? Any ideas?

6

Changing the type of link from external page to internal page, and using url parameters instead of path, seems cleaner to me, and the conditional groups picked up the changed parameter fine. I chose a parameter of “section”, so the links look like:
https://testy11.bubbleapps.io/page1?section=settings
https://testy11.bubbleapps.io/page1?section=charts

This works if its the same data type per page, example for passing the User:
https://testy11.bubbleapps.io/page1/1477032580094x735263108974322700?section=settings

If it is different data per section, it could be passed as another parameter, if it can be expressed as a string.

group condition.png698×203 11.8 KB

7

If you don’t need to use the URL to preserve state, i.e. if you don’t mind that a shared URL or bookmark isn’t specific to the section, it is a lot faster to swap between the groups by setting different values for a custom state instead of following a link to the same page.

8

Hi Mishav

Could you maybe create an example here? I m trying not to use any type for the main page, and just send data from a repeating group within a main group
If you set the type of content for the main page as user, i understand that. But what if you want to send lets say “comapany”?

Link to editor: https://bubble.io/page?type=page&name=page4&id=testy11&tab=tabs-1

Thanks for your input here

9

I’m going to make some assumptions about what you want to do, is this right?

  1. Initially the page shows “group companies” which has a repeating group of companies.

  2. Click on a company in the repeating group will hide the “group companies”, show the “group settings” and

  3. assign the chosen company to the part of the “group settings” that handles a company.

If using URL to pass the company, it’s best to pass the unique id of the company rather than the name of the company, then lookup the details.

I’ve taken the liberty of cloning your page4 into page4a, and fixing up the passing of company id by URL.

FYI The data naming would make more sense to use a singular name of “company” instead of plural “companies”.