Back to notes

Note

Velocity is a feature

Why this site loads before you finish blinking, and why that is a design decision, not a vanity metric.

#speed#web#opinion

Speed is not a nice-to-have. It is the first thing a visitor feels and the last thing they remember. A page that loads instantly reads as competence before a single word is parsed.

The rule

Ship the smallest thing that is still the whole thing. No loading bars. No spinners pretending to be progress. The first paint should already be the page.

How this site does it

  • Static where it can be, server-rendered where it must be.
  • Procedural graphics, so there is nothing to download before the animation starts.
  • System fonts, so text renders on the first frame.
  • One analytics script, deferred, never blocking.

Precision over decoration. Every byte earns its place on the grid.

Audio transcript

You are listening to "Velocity is a feature," a note by Jain Yagi.

Imagine arriving at a new place and the door opens before you finish reaching for it. There is no pause, no little circle asking you to wait, no sense that the room behind the door is still being assembled. You are simply inside.

That is what I wanted this site to feel like.

Speed is usually discussed as an engineering score. A page loads in so many milliseconds, a bundle weighs so many kilobytes, a test gives you a green number. But the visitor does not experience a score. The visitor experiences a first impression. A fast page says someone cared about my time before asking for my attention. A slow page quietly says the opposite.

The strange part is that a fast site is not made by chasing speed after everything else is finished. It comes from deciding what the site is allowed to become. Every dependency wants to make a reasonable case for itself. Every visual effect looks small in isolation. Every tracker promises useful information. Add enough reasonable things and the result becomes unreasonable.

So I started with the smallest whole thing. Static pages where they can be static. Graphics that can be produced by the browser instead of shipped as heavy assets. System fonts that are already waiting on the device. Analytics that do not stand in the doorway while the actual page is trying to arrive.

That does not mean the site has to feel empty. Constraint can create a sharper identity than abundance. A dithered texture, a hard line, a deliberate color, and a quick transition can carry more character than a pile of expensive effects. The goal is not minimalism as decoration. The goal is to make every byte earn the moment it takes from the reader.

Velocity is part of the voice of a product. It communicates discipline before the copy gets a chance. When something responds immediately, it feels competent. It feels respectful. It feels alive.

That is the standard I want here. Click, and arrive. The page should never make you wait for the point.