The four CSS properties that trigger layout
Animate the wrong property and every frame re-measures the page. Animate the right one and the compositor handles it alone.
Animate the wrong property and every frame re-measures the page. Animate the right one and the compositor handles it alone.
Year one is components. Year two is everything the components could not predict, which is where systems die.
Width is time and depth is the call stack. Once those two facts land, most of a trace reads itself.
One property that tells the browser to skip work for anything off screen. The numbers are good, and the caveats are real.
If dark mode doubled your CSS, the problem was never dark mode. It was that your colours were never tokens.
FID measured the first interaction. INP measures the worst one, and that is a completely different bar to clear.
AVIF is smaller, slower to encode, and not always the right answer. Here is where each format earns its place.
List every tag, name its owner, and delete the two nobody can account for. That is the whole method.