Streaming live at 10am (PST)

Poor Performance Image Load - Lazy vs Eager

Hi guys, I’m designing a portfolio website with a full-screen vertical scroll using slides. Each slide (5x of them) has another Slider inside with 3 images. I noticed my slide images were very broken the first time scrolling the page and finally starting to work after a few minutes of having the page open.

Despite my internet being pretty fast (70mbps) I found out it was due to an image Lazy loading setting. Once I changed all images to be loaded ‘Eagerly’ it all worked very well on the desktop. However, it made my website incredibly slow on the mobile - so much that it’s basically unusable.

Not sure if there is anything I can do?

Here is my site Read-Only: Webflow - Portfolio Hosting

I would recommend against nesting sliders. It’s a performance killer.