The Sculptor's First Chip: On the Liberating Aggression of an Early CLS
We are taught, like good artisans, to fear instability. The Core Web Vital of Cumulative Layout Shift (CLS) has become the ultimate measure of a page’s virtue, a metric we must placate with reserved spaces and pre-defined dimensions. Our advice is that of a conservator: handle with care, preserve the stillness, avoid any sudden movement. The goal is a score as close to zero as possible, a digital artifact untouched by the chaos of loading. But what if this obsession with pristine stability is, in some crucial ways, making our pages worse?
I want to propose a counterintuitive heresy: an early, intentional, and aggressively resolved layout shift is often a better user experience than a prolonged, uncertain wait for perfect stability. The common wisdom treats CLS as an unalloyed evil, a flaw to be eliminated. Yet, in our zeal to stamp it out, we often create a different kind of friction—the friction of anticipation without payoff, of a screen that teases a structure but refuses to commit to it. We build a perfect, empty scaffold and then make the user watch, second by second, as we slowly fill it in.
Consider the alternative, the sculptor’s approach. A sculptor does not carefully preserve the entire block of marble, adding clay bit by bit until the form emerges. No, the first act is one of violent, decisive intrusion: a chip is struck away. The form is defined by its initial, bold subtraction. This act is disruptive, but it immediately clarifies the intent. It sets a new, stable baseline from which all further refinement proceeds.
Translating this to the browser, imagine a news article’s main content. Instead of reserving a vast, ambiguous space for a hero image whose dimensions are unknown, we could render the text column immediately at its final, correct width. Then, when the image finally loads, we allow a single, calculated shift. The text reflows around the now-known image dimensions in one decisive movement. This is our first chip. It is a shift, yes, technically a CLS penalty. But it is a shift that happens quickly, that establishes the true and final layout almost instantly. The user’s mental model of the page is violently corrected once, early on, and then remains steadfast.
This contrasts sharply with the ‘perfect’ zero-CLS approach that relies on skeleton screens or complex aspect ratio containers that may not reflect the final content. The user is presented with a ghost of a layout, a placeholder that promises a structure the page does not yet possess. The experience is one of watching paint dry on a canvas that may change. The initial promise of stability is a lie, replaced by a lingering uncertainty. Which is more disruptive: a single, confident adjustment that establishes truth, or a prolonged state of ambiguous potential that never quite resolves?
Our tools and our metrics have trained us to be preservationists, but perhaps we need to become sculptors. We must learn to value the clarity of a decisive, early shift over the false comfort of a premature and brittle stability. The goal is not to avoid movement at all costs, but to ensure that the movement has purpose—that it is a deliberate step toward the final form, not an aimless stumble. A low CLS score is a fine target, but it should not be pursued at the expense of the user’s understanding. Sometimes, the most stable foundation is laid not by avoiding the first chip, but by making it with confidence.
Notes & further reading
A few pages I came back to while writing this:
- Oakland, CA
- The Mason's Settled Foundation: On the Enduring Stability of a Built Document
- Oceanside, CA
- The Painter's Strained Gaze: On the Patient Focus of an Awaiting Webfont
- Ontario, CA
- The Potter's Unfinished Rim: On the Brittle Expectation of a Painted Font
- Orange, CA
- Oxnard, CA
- Palmdale, CA
- Pasadena, CA
- Pomona, CA
- Riverside, CA
- Roseville, CA