Cascade layers: overriding a parent theme without !important

Cascade layers: overriding a parent theme without !important is one of the small decisions that separate a site that scores in the high nineties from one that sits in the seventies. None of these techniques are exotic — they’re defaults that most themes simply don’t set.

The problem

Every request the browser has to make before it can paint is time the visitor spends looking at a blank screen. On a fast office connection it’s invisible. On a mid-range phone on a patchy mobile connection, it’s the difference between a page that feels instant and one that feels broken.

• Render-blocking stylesheets delay first paint.
• Scripts that run at load compete with the main thread.
• Late-arriving fonts and images shift the layout.

The fix

Make the fast path the default. When the theme does the right thing without anyone remembering to, every page built on it inherits the result — and nobody has to audit it again.

The fastest request is the one you never make.

That principle runs through the whole theme: inline what’s small, defer what isn’t needed yet, and load nothing at all on pages that don’t use it.