Lazy loading implementation

Hey everyone, I’m trying to implement lazy loading for some images on my website. Has anyone tried this before? I’d love to hear your tips on the best methods or libraries to use, especially if you have experience with both native lazy loading and some polyfill alternatives. Any advice on optimizing performance would be much appreciated!

I’ve been down the lazy load route for a couple of projects and found that blending native lazy loading with a smart polyfill setup works best. My approach is to check if the browser supports native lazy loading and only load a lightweight polyfill if it doesn’t. This keeps the page light for modern users while covering older browsers without extra overhead. I also noticed that selectively not lazy loading images above the fold can improve initial load times, so I make sure hero images and critical content load immediately. On top of that, double-check your image sizes and compression to really see a boost in performance. In my experience, it’s all about balancing between user experience and performance, so testing with tools like Lighthouse has been key.

I’ve been testing lazy loading on my niche sites too. I started with native lazy loading because it’s simple and doesn’t require extra JS which can slow down conversions. However, I had to use a polyfill on older browsers, so I kept an eye on additional loading times that might hurt the user experience and sales. For me, it’s all about balancing performance with a smooth buying journey. Anyone here using any particular lazy load script that doesn’t compromise conversions?

hey, i’ve been messing around with lazy load on my blogs too. i’ve rolled with native lazy loading and tossed in a polyfill for some older browsers. been seeing some slight jitter on mobile device transitions though. has anyone else encountered funky behavior? i’m still experimenting to find the smoother method. curious, are you guys tinkering with any specific scripts to ease the process?