Try this little CSS snippet

Tips
1 
<style>
@view-transition {
  navigation: auto;
}
</style>
6 Likes
2

This makes Bubble page loads much more smoother. Should be standard in the Bubble CSS.

3

As in the live application when a user loads the page or in the bubble editor?

4

When a user navigate to another page of the website. Works in Chrome, Safari and Edge.

5

I’ve just tested this with both Go to page workflow and a Link element (maybe I’m doing it wrong) but I get less white flash without this extra CSS. Adding the CSS snippet introduces a white flash both times for me.

6

Can you give us the URL of your Site?

7

Combined with this small script you can give your Bubble site a performance boost.
Google Lighthouse score is 79.

<style>
@view-transition {
  navigation: auto;
}
</style>

<script type="speculationrules">
{
  "prerender": [
    {
      "urls": ["/version-test/assistants", "/version-test","/version-test/agent-details/*"]
    }
  ]
}
</script>

and then click on agents in the main navigation

8

Add this snippet to your site

<script type="speculationrules">
{
  "prerender": [
    {
      "urls": ["/page-1", "/page-2"]
    }
  ]
}
</script>