Hi all, I’ve just released a new free plugin- On Screen Detector.
It lets you detect when an element of your choosing enters or exits the viewport (the user’s screen). You can use it to animate elements as the user scrolls to them, or trigger any other event you can think of. Make your landing pages look like those fancy wordpress themes
@lottemint.md You have a really nice site, design is top notch, did you make the illustrations yourself?
I have also thought about how one could “delay” certain content from being loaded with Bubble. Similar to what bigger sites use, like Facebook, Google etc…
@stone, thanks for your feedback! The illustrations, icons are made by a person from my team.
I tested it using several devices, including the budget one. It works pretty much faster than before.
Now, after the page has been loaded I’m not pushed to wait a couple of seconds until the mobile menu will be shown by clicking on the burger. In the case, when I want to open it immediately.
Regarding PageSpeed Insights by Google
Even a page with a single button has bad results.
With your plugin do you have a pixel “offset” setting?
I’m noticing I have to wait a bit until the things load on my screen, maybe if they could start loading slightly before they are seen.
In what way does it improve speed, is it just setting the source of the repeating group?
Yeah pagespeed seems to be pretty harsh on bubble apps, most websites too, actually. I think it’s because of the initial JS and content you need to download before it starts rendering elements.
The default source of a repeating group should be empty.
The repeating group should have the following conditional:
If the ElementsInView’ values contains id1 > Data Source: Do Search for…
It is very useful and works fine.
However, when the OnScreen detector is visible on page load, it doesn’t trigger the workflow, it only triggers the workflow when it was not on your screen at first and then enters in.
Which is quite annoying, because the first element of my repeating group doesn’t have the workflow I set up for it :’(