Static Signal
All bands

Web Performance

Performance engineering for the modern web: Core Web Vitals, asset pipelines, caching strategies, and frontend optimization.

22 STATIONS ON THIS BAND

Medium wave · 540–1600 kHz22 stn
  1. 1580

    Inline SVG Icons Ship With Every Page

    Your icon component pastes the same path data into every HTML file you build. For site chrome, one cached sprite beats a thousand inline copies.Web Performance · Static Architecture · Astro    A vast dark steampunk print hall where a brass stamping machine endlessly presses the same small glowing neon glyph onto an infinite conveyor of copper sheets, while above it a single ornate glass reliquary holds one master glyph radiating teal and purple light, fog drifting across reflective iron floors
  2. 1567

    Critical CSS Extraction Solves a Problem You Don't Have

    Critical CSS tooling guesses a viewport, duplicates your rules, and breaks your CSP. On most static sites the whole stylesheet is smaller than the fix.Web Performance · Static Architecture · Astro    A towering brass cutting machine in a fog-filled steampunk foundry, dozens of clockwork arms painstakingly slicing a single glowing neon-purple sheet into tiny fragments while an identical intact sheet already sits finished and gleaming on the tray beside it, teal and amber light reflecting off wet copper floors
  3. 1554

    Your Accordion Doesn't Need JavaScript

    Accordions, disclosures, dropdowns, and modals are now HTML. Shipping a hydrated component for them buys you bugs the browser already fixed.Static Architecture · Web Performance · Astro    A towering brass cabinet of stacked hinged drawers in a dark steampunk workshop, one drawer sliding open on its own to spill soft neon teal light, while a discarded tangle of copper wires, pistons, and clockwork motors lies disconnected on the fog-covered floor beside it
  4. 1541

    The sizes Attribute Is a Promise About Your CSS

    The browser picks a srcset image before it has read your CSS. The sizes attribute is the only layout hint it gets, and most sites let it drift.Web Performance · Static Architecture · Astro    A row of brass picture frames of graduated sizes mounted on a dark steampunk wall, an oversized glowing canvas being forced by clockwork arms into the smallest frame, its edges spilling neon teal light over the brass, while precise copper measuring calipers hang unused beside it in drifting fog
  5. 1502

    Prerendering Runs Your Page Before Anyone Arrives

    Speculation Rules make navigation instant by running the next page early. Every script that assumes a visitor is present is now wrong.Web Performance · Static Architecture    A dark steampunk theater where a brass clockwork stage has already raised its curtain and lit every glowing neon footlight and spinning gear for a performance, while the rows of velvet seats sit completely empty in drifting fog
  6. 1488

    Barrel Files Are a Tax on Every Import

    An index.ts that re-exports everything makes imports look tidy and makes every consumer pay for the whole folder. Here is where the bill shows up.Developer Experience (DX) · TypeScript · Web Performance    A single small brass valve being opened at the base of an enormous dark steampunk manifold, forcing steam to roar through hundreds of copper pipes branching to every machine in a vast fog-filled hall, each pipe lighting up neon purple and teal as pressure floods it, only one pipe actually needed
  7. 1475

    client:load Is Almost Always the Wrong Directive

    Astro makes JavaScript opt-in, then most projects opt in with the most expensive directive by reflex. Here is the ladder to climb before you reach for it.Astro · Web Performance · React    A long dark steampunk hall of brass street lamps where every single lamp has been switched on at full blaze at the same instant, overloading a groaning copper power station at the far end, while a few lamps beside it glow softly only where neon motion sensors detect something nearby, purple and teal haze over a wet reflective floor
  8. 1423

    The Back Button Is Your Fastest Page Load

    The back/forward cache restores a page instantly, with zero requests. One stray unload handler or no-store header quietly turns it off.Web Performance · Static Architecture    A towering brass clockwork archive where a glowing page, suspended mid-air in a glass bell jar, is being swung back into place on a copper rail the instant a great lever is pulled in reverse, neon teal energy trailing behind it, while a heavy iron padlock bolted onto a neighboring bell jar holds another page frozen and dark, fog drifting over a reflective floor
  9. 1371

    Your Service Worker Outlives Your Deploy

    A deploy replaces every file at the edge in seconds. A service worker keeps serving the old build from a machine you will never touch again.Web Architecture · Static Architecture · Web Performance · Signal vs Noise    A derelict brass automaton sealed inside a fogged glass bell jar, still stamping copies of a yellowed page long after the great foundry behind it has been rebuilt in glowing neon purple, its output tray overflowing with outdated sheets, dark steampunk hall lit by teal filaments, no hand able to reach the mechanism
  10. 1279

    An Embed Is Not a Component

    A third-party embed is a second website loaded into yours, with its own dependency tree, its own budget, and no build-time guarantees at all.Web Performance · Static Architecture · Web Architecture    A pristine brass clockwork engine in a fog-filled steampunk vault, an enormous foreign apparatus of mismatched iron bolted crudely onto its flank, thick ribbed cables running from it out into total darkness beyond the frame, the engine glowing neon teal while the parasite machine pulses a sickly amber
  11. 1266

    Your Fallback Font Is Doing the Layout

    font-display: swap does not fix font loading. It converts invisible text into a layout shift, and the fallback metrics decide how bad that shift gets.Web Performance · Static Architecture    A colossal brass typesetting frame in a fog-filled steampunk hall, a ghostly translucent neon-teal slug of placeholder metal type holding open an exact gap in a tall column of copper letterforms, a heavier brass replacement letter suspended on chains directly above it, the entire column below poised to lurch downward
  12. 1227

    Preload Is a Zero-Sum Game

    A preload does not create bandwidth. It reorders a queue. Everything you promote pushes something else down, and usually that something is your LCP.Web Performance · Static Architecture · Web Architecture    A colossal brass balance scale inside a fog-filled steampunk engine hall, glowing neon-teal cargo crates stacked high on one pan while the opposite pan rises into darkness, copper chains straining under a single fixed weight that can never be added to, only moved
  13. 1162

    Cache-Control Is the Config File You Never Wrote

    Your static site is fast in the lab and mediocre on repeat visits. The fix is not a bundler flag. It is two tiers of cache headers, written down.Web Performance · Static Architecture · Web Architecture    A colossal brass sorting engine in a fog-filled vault, clockwork arms stamping glowing hourglass seals onto passing crates as they split into two lanes — one lane sealed in amber and locked away for a century, the other flashing teal and released within seconds, dark steampunk machinery lit by neon circuitry
  14. 1122

    You Don't Need a Form Library

    HTML5 has had client-side validation for over a decade. :user-invalid, setCustomValidity(), and the novalidate pattern cover 95% of what React Hook Form does — and the last CSS gap closed in late 2023.Signal vs Noise · Developer Experience (DX) · Web Performance · Static Architecture    A self-contained steampunk brass inspection machine in a dimly-lit workshop, scrolls of data feeding through an internal mechanism of gears and calibrated gauges that stamps each scroll with an emerald verification seal, all mechanisms internal with no external wires or cables leading outside the machine, amber furnace glow from within, reflective wet stone floor with faintly glowing circuit-pattern grouting in teal and amber, atmospheric purple fog filling the background, cinematic shallow depth of field, moody editorial composition, no text, no people
  15. 1083

    Lighthouse CI Without a SaaS

    Performance-monitoring SaaS sells you a wrapper around a tool you already have. GitHub Actions and Lighthouse CI fail the build on regressions for free.DevOps · Web Performance · Automation · Signal vs Noise    A towering brass and copper steampunk lighthouse on a dark rocky promontory at night, its rotating beam a focused shaft of teal neon sweeping across a procession of small mechanical clockwork ships approaching through purple fog, a heavy gear-driven gate-arm lowered across the narrow channel to block one ship while a glowing green signal lamp waves another through, the lighthouse self-contained and powered by its own visible furnace of amber gears with no cables or wires running off to the distant dim shore, reflective wet stone and black water below catching the neon reflections, cinematic shallow depth of field, moody editorial composition, no text, no people
  16. 1070

    Stop Loading Google Fonts

    Google Fonts is a tracker that happens to also serve fonts. Self-hosting is faster, more private, and a one-afternoon migration in 2026.Signal vs Noise · Web Performance · Developer Experience (DX)    A vast dark steampunk type foundry at night, a single self-contained brass workshop in the foreground glowing with its own amber furnace and rows of movable-type cases being assembled into a clockwork printing press, severed copper data pipelines hanging loose where they used to stretch out toward a distant cathedral-sized brass font factory receding into atmospheric purple fog, the distant factory now dim and unplugged, the local workshop's furnace humming and casting warm reflections across a reflective wet stone floor with circuit-pattern grouting glowing faintly teal and amber, cinematic shallow depth of field, moody editorial composition, no text, no people
  17. 1057

    Why I Deleted Google Analytics

    Google Analytics is slow, GDPR-hostile, undercounted by ad blockers, and answering questions you mostly aren't asking. Here's why I removed it from every site I run, and what I use instead.Signal vs Noise · Web Performance · Developer Experience (DX)    A vast dark steampunk surveillance chamber at night, towering brass observation racks holding hundreds of glass camera-eye lenses receding into atmospheric purple fog, most of the lenses now dim and dark with only a few still flickering faint teal; in the foreground a single solid copper workbench under a fading amber lamp where a heavy brass lever has been pulled all the way down to the OFF position, severed copper data cables hanging loose and unplugged from a tarnished switchboard, a small pile of inert glass eyes set aside beside the lever, reflective wet stone floor with circuit-pattern grouting glowing only faintly amber, cinematic shallow depth of field, moody editorial composition, no text, no people
  18. 1005

    The Dependency-Count Audit: Every Package Is a Bet, Not a Free Tool

    Most JS projects have never had their dependency list audited line by line. Doing it once — with a real method instead of vibes — usually halves the count and exposes which packages were doing nothing in the first place.Node.js · Developer Experience (DX) · Web Performance · Signal vs Noise    A vast dark steampunk warehouse filled with rows of towering brass shelving units, each shelf holding hundreds of glowing glass jars connected by tangled copper wiring; in the foreground a single workbench under a hanging amber lamp where a brass-handled magnifying lens hovers over an open ledger, with several jars set aside in a small crate marked for removal, the rest of the warehouse fading into atmospheric fog and neon teal accent lighting along the floor tracks, cinematic shallow depth of field, moody editorial composition, no text, no people
  19. 0965

    Code Highlighting at Build Time: Shiki vs Prism and the Death of Runtime Tokenizers

    Shipping a tokenizer to the browser to color code blocks made sense in 2014. It doesn't now. Build-time highlighting is faster, cheaper, and produces better-looking output — and the tradeoffs are smaller than you think.Developer Experience (DX) · Static Architecture · Web Performance · Web Architecture    A vast steampunk type foundry with two opposing chambers — on the left, blocks of code being cast in glowing molten brass at a single calm forge with neon teal flames, finished pages stacked in orderly piles; on the right, a chaotic backroom of frantic clockwork typesetters scrambling to assemble identical pages by hand under harsh amber gaslight, brass gears and copper pipes throughout, atmospheric fog, dark industrial lighting, no text, no people
  20. 0939

    Dark Mode Without the Flash

    The white-flash-on-load that ruins half the dark-mode implementations on the web is preventable in about twelve lines of code. CSS variables, a render-blocking script, and one localStorage read — that's the whole trick.Static Architecture · Web Performance · Developer Experience (DX) · Signal vs Noise    A vast brass observatory hall plunged in darkness, with a single mechanical lens flipping a glowing teal day-sigil to a deep purple night-sigil mid-rotation, copper pipework channeling the change instantly across rows of identical static windows, no flicker between them, dark steampunk theme engine
  21. 0874

    OpenGraph Images at Build Time: Why Static Sites Win Social Cards

    Generating social card images on demand from a serverless function feels modern. It's also slow, expensive, and fragile. Static sites can pre-render every OG image at build time, cache it forever, and never pay for it again.Next.js · Static Architecture · Web Performance    A vast brass darkroom filled with framed glowing rectangles being stamped into existence by clockwork arms, neon copper light pouring through translucent stencils, dark steampunk image foundry
  22. 0678

    Your Lighthouse Score Is a Lie

    A perfect 100 in Lighthouse means your test environment is fast. It says almost nothing about whether real users on real networks are having a fast experience.Signal vs Noise · Web Performance · Web Architecture    A shattered speedometer pinned at 100, surrounded by floating performance metric icons on a dark purple background