Increase the Bubble page load speeds with Cloudflare

Just click on ‘more’ to see the option. I used it on all dynamic images. Handles responsiveness and compression.

2 Likes

Thanks!

@levon - What tool did you use to run the page speed test? I’d like to do a before and after.

we used this https://tools.pingdom.com/#!/cS0642/https://zeroqode.com/
but for a more objective comparison it would be best if more tools are used (including the one from Google https://developers.google.com/speed/pagespeed/insights/)

That’s awesome! Thanks for sharing!! Can’t wait to try it out.

for the sake of objectivity here are our results from Google tester (don’t have the before screenshot unfortunately)

So it’s still slow? What resource level are you using with this app?

it feels faster, we are on legacy team plan

1 Like

I don’t know how much weight can be put into Google’s tool, because if you load an Airbnb listing into it it comes back as slow, even though everyone knows there’s no way in the world Airbnb is a slow site from a user experience standpoint: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.airbnb.com%2Frooms%2F939721%3F&tab=desktop

Probably as long as it feels faster that’s what is most important.

1 Like

Cloudflare will help a lot with static content and a little with dynamic content (i.e. network routing/ dynamic compression). The Bubble database will always be the bottleneck here.

1 Like

@levon Did you do any DNS configuration in Cloudflare? All of my domains aren’t resolving this morning even though it looks correct on the Cloudflare side.

Cloudflare detected most of the DNS settings (A, Cname, text records) and i had to add a few missing ones mannually. But changing the nameservers had to be done on the registrar side. I’d suggest to check with the registrar to make sure that you have indicated the name servers correctly.

This is great. Thanks @levon . Any tips on how to set this up in Cloudflare is our Bubble App is hosted at the subdomain level ie. https://app.domain.com ?

Unfortunately, CloudFlare is for an entire domain, and can’t just be a subdomain as it requires you to change the nameservers your domain is pointing to. So if you’d like to use CloudFlare, you can only do it for your entire domain.

1 Like

Thanks @Profamii - yep, our domain is setup with CF… but subdomain speed, even for login page / nothing heavy… is poor. Do you know if we need to setup a subdomain in CF to make this work, or what’s needed?

You would need to add your subdomain in your CloudFlare’s DNS section. I can’t provide screenshots right now however, it’s self-explanatory

  1. Login to CloudFlare Dashboard
  2. Click on DNS
  3. Add an A record with the subdomain’s name and the IP address that Bubble gave you.
  4. Leave TTL as Automatic
  5. Make sure the “circle-icon” thing is orange (DNS & HTTP Proxy)

.

1 Like

Great, thanks Profamii

Has anyone else tried this? I’m interested in trying it out but my app is live so I want to hear some first-hand accounts first.

I’m specifically trying to speed up the loading of things like a business’ menu items. I know someone earlier said it might not help as much for dynamic data.

I have and it does work. I saw significant performance improvements (say about 30% improvement in page load times). Thanks to @levon for sharing this.

3 Likes

Are there any risks to this that the Bubble team may be aware of? @emmanuel @josh

1 Like