Minify HTML, CSS, and JS

Anyone figure out how to minify the HTML, CSS, and JS that bubble creates in order to remove obvious bubble branding in code?

What do you mean minify? Send a screenshot. Screenshots and/or pictures will make it easier for someone to reply and answer your question. And will make it more likely for someone to reply. :slight_smile:

If you are talking about the bubble icon in the header in the index for example. Click at the top where it says “page: index” And click “header”. Then you are able to edit the header and remove the “.bubble” logo.

I’ve attached a screen shot of what the HTML and CSS looks like when you inspect any bubble website.

As you can see, all of the elements have “bubble” references - making it very clear that this website/app was built in bubble.

Here is more information on why minification is important:

Webflow gives it’s customers the option to Minify the HTML, CSS and JS natively in the settings. Bubble.io does not.

I’m trying to figure out if anyone has successfully minified their apps in any way.

To my knowledge that’s like that because of the HTML classes and everything

Bubble set the classes to bubble- whatever it may be.

Example: You make a website and want to make a button, you call it
“div class=bubble-button” something along these lines, you have to name it like this in the CSS.
I hope this makes sense. I am basically saying it’s not possible and if somehow you could do this your site wouldn’t work.

someone may have a different response that explains this better than me, but this is what I think.

Bubble doesn’t have an option like that. Get used to it.

1 Like

New responsive engine generates less “divs” though.

This has little-to-nothing to do with Bubble’s performance or lack thereof. #jussayin

Yeah, minification isn’t even on the list of things that impact my Bubble experience on a day-to-day basis. Besides, the JS assets are in fact minified - including plugin code. From a page-load performance standpoint, far more important than minification is compression, and of course Bubble does do that.

It’s also worth noting, @franklyn, that what’s depicted in your screenshot is not the HTML source that comes across the wire, but rather the DOM - the in-memory representation of the rendered page. Substantial portions of a Bubble page are generated dynamically client-side (which is done by the JS which is minified).

Of course, all the underlying architectural details can and likely will change as Bubble works to improve performance, which according to the last community update, is high on their priority list.

:slightly_smiling_face:

-Steve

This topic was automatically closed after 70 days. New replies are no longer allowed.