I’ve been trying to increase page speed times and I’m curious if someone can help me understand how Webflow’s responsive image compression works. It seems like maybe I don’t have it turned on, or could be missing something that could improve optimization.
Take this page as an example: https://www.bikeout.co/stories/how-bike-travel-brings-together-these-two-empty-nesters
Pingdom says its a 2.7 MB page load, but the images on the page just aren’t adding up in my mind, or seem much higher than I’d expect if Webflow is resizing based on the size of images.
100kb header illustration
227kb main image depicting couple
61kb author thumbnail
Then there’s 3 thumbnails on the story links below the author bio which I’d expect to be compressed given their tiny less than 64x64 size, by add up to almost 503kb despite being very small.
Finally, the story link images below that section see some compression, but not as much as I’d expect - take this example
Resized at 800px, 340kb: https://global-uploads.webflow.com/5dea6a2b519095290b2b1b24/5e5544cad93d990634506736_gapsalisbury-p-800.jpeg
Original, at 2,000px, 390kb: https://global-uploads.webflow.com/5dea6a2b519095290b2b1b24/5e5544cad93d990634506736_gapsalisbury.jpg
Can someone help me understand how I can optimize these photos more?
Here is my site Read-Only: