Everybody want the search engines to love their website. You can improve your website’s performance by reducing image file sizes. But the problem is that modification always affect their quality, which creates a dislike in the visitors. Some tricks and techniques will help you reduce the image file …

If you’re willing to pay for the storage, Bubble does this automagically for you, BTW. No need to do all of this. When you display an image, Bubble doesn’t serve up the original file, it serves up an optimized version (I believe it uses Imgix for this – certain Imgix functions can be used client-sid…

We optimized our images and it improved page load speeds in Bubble. I know I heard somewhere that Bubble takes care of this, but my experience tells me that at the very least there are instances where there’s a material opportunity to increase page load speed by manually shrinking your images. We …

Well sure, you can do that. But just try a simple experiment and you’ll see what I’m saying is true. Store a big-ass image in the db. Now present that image as a tiny thumbnail. The big-ass image is not downloaded to the browser, just a tiny thumbnail representation of it. #magic

GEEZ PEOPLE. The original message is spam, OK? But it has a teachable moment within it. I’ll find and kill the original poster later, as time allows.

We’ve had trouble with larger background images not being automatically condensed in Bubble. Instead, we’ve shrunk the file size ourselves so the image that’s loaded to the UI is much smaller (some were 5mb+ and now they’re 100kb). So, if Bubble is automatically shrinking the size of all of your i…

It is hard to tell what the breakpoints might be! I could see bg images as perhaps not being delivered in a compressed form. (This is one of those things that would benefit from a bit of documentation, to be sure…)

Yeah generally background images I’ll use compression software just to play on the safe side, never done some proper testing and might be a small gain, but even so, when using a full screen background e.g. 2560px wide, I’ll pre-process then upload to Bubble’s AWS which like you’ve pointed out will b…

I removed the link to the original poster’s site but left the comment.

Thats interesting, thanks for raising. Something I’ll come back to during my ‘app optimisation’ phase I plan to run shortly after site launch. Might be a bugger to switch the fonts, somewhat losing the relationship with the custom fonts, requiring re-assigning, will need to test, but I believe will …

Website Speed Optimization – Image Optimization

Tips

keith January 24, 2019, 6:13pm 10

Yeah, font management is a whole 'nother issue, right? Subset those fonts! Another thing you might find helpful: Note that you can easily make them deliverable via the same CDN Bubble uses. Not sure if you ever saw this tip from me, but here’s an instant way to add any file you’d like delivered via cloudfront CDN using the plug-in builder:

Topic		Replies	Views
An image takes a 8-10sec to load Need help	9	258	March 15, 2024
Change the name and compress a picture before the user uploads it Need help	7	337	April 24, 2024
Images getting compressed Need help	2	365	June 24, 2022
How to make you images 75% lighter for Bubble Tips	1	317	March 27, 2021
Question Regarding Optimizing Bubble Images for Site Performance Need help	16	3616	July 13, 2021

Website Speed Optimization – Image Optimization

Related topics