Guides
What actually happens between keypress and pixel
Five stages, one honest read on your rendering pipeline. Here is what each stage costs, what usually stalls it, and the single change that moves your numbers.
Category
Guides
Step-by-step walkthroughs with a number to beat at the end. Every guide is written against a real site, and says plainly where it stopped working.
10 posts1 authorLast post 2 days ago
Guides
Preloading fonts without making everything else wait
A preload tag moves a font to the front of the queue. It also moves everything behind it further back, which is the part nobody mentions.
Guides
A migration checklist for teams that cannot stop shipping
Every migration that failed was attempted in one branch. Here is the shape of the ones that landed.
Guides
Bundle math: how much JavaScript you actually need
The 170 KB budget is a number someone tweeted in 2016. Your real number depends on your audience’s devices, their network, and how much of the page arrives as HTML.
Guides
Reading your own analytics before you optimise anything
Half the performance work teams do is aimed at a device nobody in their audience owns.
Guides
Splitting a bundle by route, carefully
Route-level splitting is the easiest win in the bundler and the easiest way to make navigation feel worse.
Guides
How to run a performance review that changes something
A meeting where everyone agrees the site is slow is not a review. It is a shared feeling.
Guides
Service workers: the three lines worth having
Most service worker code is a caching library nobody asked for. A small one is genuinely useful.