The Queue Taught Us Where the System Really Lived
This site should hold writing, not demonstrate everything a browser can do. A performance budget sets limits for page weight, scripts, images and the time until reading begins. The numbers are not universal rules; they make tradeoffs visible while the theme is still flexible enough to change.
A new publishing theme begins almost weightless. There are a few templates, a stylesheet and placeholder images. Every page feels quick because the archive is empty, the cache is warm and the person testing it has a capable computer.
Then reality accumulates.
An analytics script arrives. A custom font gains three weights. Featured images are uploaded at camera resolution. A newsletter form adds a dependency, syntax highlighting adds another, and a small animation runs on every card. No individual decision seems extravagant. Together they change the experience.
I want this site to feel quiet: the writing should become available quickly, movement should support orientation and images should earn the data they require. A statement of intent is not enough. So I am adding a performance budget while the theme is still flexible.
The first budget is page weight. An ordinary article should transfer no more than one megabyte on its initial load, with a lower target when it contains no essential photography. This is generous compared with a plain document and restrictive compared with many modern sites. It gives images room while making accidental multi-megabyte uploads visible.
The second budget concerns JavaScript. The baseline reading experience should work without client-side code. Enhancements share a compressed limit of fifty kilobytes on an article page. The exact number is less important than the consequence: a new library must replace or justify existing code rather than quietly joining it.
The third budget is time. The main heading and opening paragraph should render promptly on a mid-range phone over a constrained mobile connection. Laboratory scores can provide a repeatable signal, but they are not the reader. I will also test on an older physical device, with caches cleared and background activity present, because real conditions are untidy.
Budgets force design decisions. The aerial featured image is important to the publication’s visual language, but it does not need to block the title. Responsive sources can prevent a narrow screen downloading a desktop file. Modern formats can reduce transfer, with a well-supported fallback. The article page can show the original photograph without delivering its original dimensions.
Fonts are harder than they look. A distinctive typeface can shape the voice of a site, yet each weight and character set has a cost. The current experiment uses one variable font file and a system fallback chosen to keep layout shifts small. If the font fails, the article should remain comfortable to read. Typography is a progressive enhancement, not a gate.
The budget also exposes third-party choices. A newsletter form that loads an entire marketing platform on every page spends reader resources before the reader expresses interest. It may be better to use a simple link, load the form only when requested or accept a slightly less integrated workflow. Operational convenience for the publisher is part of the tradeoff, but it should not be invisible.
There will be exceptions. A visual essay may require more images. An interactive explanation may need additional code. A budget is not a prohibition; it is a point at which the exception becomes deliberate. The post can state why it is heavier, and the design can avoid loading material until it is needed.
Content practices belong beside code limits. Editors can receive automatic guidance when an uploaded image exceeds useful dimensions, and the theme can provide sensible captions and lazy loading by default. A fast publication should not depend on every contributor remembering an optimisation checklist. The publishing path needs to make the responsible choice the easy one.
Automated checks will run during development, but I do not want a green score to become the goal. Performance tools can be gamed, and a page may pass while remaining difficult because of unstable layout, tiny controls or poor contrast. The budget sits alongside accessibility and editorial judgement.
Publishing the numbers creates useful accountability. If the site becomes slower, the change can be traced. If the limits prove unrealistic, I can explain what was learned and revise them. The record matters more than pretending the first thresholds were scientifically perfect.
A quiet website is not produced by one clever optimisation at launch. It is maintained through hundreds of small refusals and a few worthwhile exceptions. The budget gives those choices a place to meet reality before the reader pays for them.
Follow Curiosity
New notes, experiments and useful discoveries sent when there is something worth sharing.
Follow alongDid this page spark something?