Page Load Speed

[reeceharding]

I’ve been optimizing page load speed, but the page still struggles mightly. Presently, I’ve put elements into styles & converted a few into reusable elements.

Do y’all know how to optimize the categories shown in the images below?

Would particularly be interested in the following sections:

1. ‘reduce unused JavaScript’
2. ‘render-blocking resources’

I’ve loaded the page in safe mode & speed is ~equivalent

Thanks!

[Steve_W]

Total guess, but I would imagine that “render blocking resources” are time spent waiting for data to load in for the page?

Helping to debug sluggishness would be a lot easier here if you could give some explanation of what’s going on on this page, maybe screenshots of the designer and workflow tabs?

I’m not sure how much control you’ll have over javascript embedded in the pages, as a lot of that has to do with what bubble is doing to put them together, but perhaps others have ideas there.

[keith]

All of those “render blocking resources” are Bubble (and your app itself). You can’t unBubble your Bubble app. Note that once they are loaded once, on subsequent page navigations, those resources are already loaded and they are cached so they don’t need to be reloaded.

Basically, your Lighthouse scores are always going to be sucky, but that’s not necessarily indicative of actual user experience.

[reeceharding]

Insightful answer. There does seem to be a discrepancy between speed tests (see pingdom below)

Is this initial friction why many companies will offer free trials?

• I previously thought it involved payment integration, but perhaps there are multiple levels

[keith]

I can’t even begin with this. You’re using a giant-ass wrapper around CSS, HTML, and JavaScript to enable YOU to build a web app. Forget about “speed”.

(Also, pingdom hasn’t been updated since sometime in the 90s.) That’s all I’ve got for now besides this disturbing AI-created portrait of Frank Sinatra:

[reeceharding]

haha, fair enough