The Carpenter's First Un-sanded Bench: On the Smooth Grain of a Perfectly Optimized Image Without Lazy Loading

We have been handed a tool, a directive so ubiquitous it has become gospel: lazy load all the things. It is the first item on the performance checklist, the go-to prescription for any image below the mythical fold. We are told it prevents wasteful loading, saves data, and speeds up the initial paint. The logic seems unassailable. But what if, in our fervent application of this rule, we are sometimes planing away the very grain that gives a page its strength and character?

Consider the hero image. It is the first visual greeting, the emotional anchor of a page. We lazy load it. The logic is that it is a large resource, and by deferring it, we can get our precious Core Web Vital metrics to green faster. The page becomes a stark, text-only placeholder for a critical moment, a blank face where a personality should be. The Largest Contentful Paint might indeed register sooner, but it registers a block of text, not the intended hero. We have optimized for a metric, not for the human experience. The user is left staring at a void, waiting for the page’s soul to arrive. The jank of a late-loading image, suddenly snapping into place and shifting all the content down, is a far greater perceived slowness than a few milliseconds of delay in a fully-formed, stable page.

This is the counterintuitive heart of it: sometimes, eager loading is the superior form of lazy loading. It is a commitment to stability and perceived performance. An image above the fold, loaded immediately and with purpose, becomes a fixed point in the layout. It allows the browser to understand the page’s final structure from the outset. There is no late-arriving element to cause a cumulative layout shift (CLS), that most jarring of user experience failures. The page renders once, completely, and is done.

The dogma of lazy loading treats all images as potential enemies of performance. But they are not enemies; they are content. Our job is not to defer them all by default, but to curate their arrival with intention. The key is not a blanket rule, but a thoughtful strategy. Load critical imagery—heroes, logos, primary product shots—eagerly. Embrace them as foundational. Then, for the true longueurs of a page, the endless scroll of an article or a product gallery far down the page, deploy lazy loading with precision. This isn’t a rejection of a powerful tool, but a maturation in its use. We move from applying a rule to exercising craft, understanding that the smoothest finish often comes not from the most aggressive sanding, but from knowing when to let the wood speak for itself.

Notes & further reading

A few pages I came back to while writing this: