The Mason's First Unmortared Joint: On the Brittle Strength of a Perfectly Aligned, Yet Unbonded, Wall
We are taught, from the moment we first inspect a Lighthouse report, that every resource must be preloaded, every script deferred, every font subsetted. The gospel of web performance preaches a singular truth: eliminate all blocking. The goal is a wall of content that appears instantly, each brick of code and asset laid in perfect, frictionless sequence. But in our zeal to eliminate every millisecond of delay, have we dismantled something just as critical? Have we, in essence, built a wall without mortar?
The common advice is absolute. Render-blocking resources are the enemy. A synchronous script, a CSS file not inlined, a web font that hasn't been preloaded—these are the cardinal sins of a slow page. We are instructed to break these dependencies, to make everything asynchronous, to allow the browser to paint anything it can, as soon as it can. The result is often a technically swift First Contentful Paint, a green checkmark in our auditing tool. But what of the experience that follows?
The Illusion of Readiness
This is the counterintuitive crack in our perfect wall: by preemptively loading every component independently, we have created a page that is perpetually, subtly, under construction. The text paints instantly, but then wobbles and shifts as its web font arrives a heartbeat later. A button renders, inviting a click, but its functionality is still seconds away because the event-handling script is still parsing. We have traded a single, predictable moment of loading for a drawn-out series of micro-betrayals.
The user perceives not speed, but instability. Their trust erodes with every layout shift, every non-functional tap. They are confronted with a facade of readiness that crumbles upon interaction. This is the brittle strength of the unmortared joint: each brick is perfectly shaped and placed, but without the binding agent of coordinated loading, the entire structure lacks integrity. It looks solid until you lean on it.
Perhaps a small amount of intentional blocking is not the enemy we’ve been told it is. Perhaps a slight delay, a purposeful orchestration that ensures core components—the content, its presentation, and its interactivity—arrive in a cohesive bundle, is the true mortar of a good experience. It is the acknowledgment that performance is not just a metric of arrival, but of readiness. It is better to present a page that is whole and functional a fraction later than to present a hollow shell that taunts the user with its incompleteness. Sometimes, the strongest wall is not the one built fastest, but the one built together.
Notes & further reading
A few pages I came back to while writing this:
- The Developer's First Unshrunken Image: On the Silent Cost of a Perfectly Optimized, Yet Unseen, Picture
- The Compositor's First Unkerned Block: On the Visual River of a Perfectly Set, Yet Unspaced, Page
- The Animator's First Unkeyed Inbetween: On the Lost Motion of a Perfectly Drawn, Yet Unplotted, Arc