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.
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.
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.
Swapping every media query in one afternoon is why teams abandon container queries. Here is the slower path that gets you there with your sprint intact.
Every migration that failed was attempted in one branch. Here is the shape of the ones that landed.
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.
Half the performance work teams do is aimed at a device nobody in their audience owns.
Latency ruins a page long before bandwidth does. Ship these four changes and most sites feel instant again by the next deploy.
Route-level splitting is the easiest win in the bundler and the easiest way to make navigation feel worse.