Illustration's load cost is out of proportion to its information density
Aliases: asset weight · empty-state performance · illustration payload
What it is
A scene that says "no messages yet" is often tens of times heavier than the sentence beside it: more bytes, more decode, a later first paint. The information it brings on screen is still almost exactly what the words already said. Load cost is counted in bytes and main-thread time; information density is counted in new facts. The two ledgers do not match. The empty page therefore becomes one of the heaviest pages — the one with almost no content.
Why it happens
Raster art pays per pixel, vector art pays per path, shaded and textured drafts pay both. Explanatory type pays per word and is nearly free. An empty state has a hard cap on facts: the state (empty), the reason (not yet / filtered out), the next step (optional). Illustration adds none of the three, and still lengthens the empty page's critical path: the page does not look "finished" until the picture arrives. On a weak network or a low-end device the picture lands after the words, the blank is read as a fault, and suspicion shows up before the warmth the drawing was meant to give. The mismatch is not that the art is ugly. It is that, in a slot whose information is already complete, it still bills like a content image.
Studying it
Split the empty page's critical path: bytes, decode, and first contentful paint for the copy node versus the illustration node. Independents: illustration present or not, format (raster / vector), lazy or blocking. Dependents: time to interactive on the empty page, and whether people leave or retry before the picture appears. Lab Wi-Fi hides the problem; run at the destination market's speed tiers. A subjective "when this page looked complete" can be collected; it does not replace the timeline.
Where it stops holding
- A first brand launch may pay a large mood bill. That is a gift, not a tax due on every zero-result.
- A locally bundled, tiny vector can be cheap enough to ignore. Swap in a large raster, animation, or a multi-density pack, and the ratio collapses at once.
- This does not ban illustration on empty pages. It asks that the bill still being paid after the information is complete decide whether to keep it, and how heavy it may be.
- False-affordance taps waste a different currency (human time). Do not fold them into one composite "illustration is bad" score with bytes.
Applying it
- Cap empty-state illustration weight. Over cap, cut paths, drop texture, switch to a small vector — do not reach for a sharper raster to "keep it crisp".
- Words first, picture later: copy and buttons on the critical path, illustration lazy or non-blocking for interactivity.
- How to check: record the empty-page timeline at the target speed tier. If the illustration node outruns the copy node by a wide margin and people start retrying before the picture lands, the cost has already exceeded the information it brings on screen.