I see a recurring performance problem on many ecommerce sites—the most important images on the page are being lazy loaded when they shouldn't be. You’re better off not implementing lazy loading at all than implementing it incorrectly.

Anja Petry

HTML

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Lazy loading is a recurring performance problem on many ecommerce sites. It impacts user experience, Core Web Vitals, and by extension search engine optimization. The main product photo takes 14.39 seconds to load on a simulated Fast 3G / Slow 4G connection. This network speed is what Google’s Lighthouse and Page Speed.

Stop Lazy Loading Product and Hero Images

How to tell if your images are lazy loading

Lazy loading every image does more harm than good

Stop using lazy loading libraries for most use cases

<p>Well explained. I am facing lazy img loading issue in my Next 13 project.</p>
