Back to What I want to exist

Existence file

css-benchpress

A CSS performance research tool that grows realistic web-platform cases until measurable regressions appear. It exists to turn vague concerns about expensive CSS patterns into shareable, reproducible evidence.

Goal

Help CSS authors, tooling builders, and browser engineers discover where selectors, custom properties, layout movement, visual effects, and mutation patterns become performance problems.

  • TypeScript
  • CSS
  • Performance

Now

Where it is

The first milestone is a Node.js and TypeScript CLI prototype using Playwright to run framework-free fixtures, gather standard Performance API and Chromium trace signals, detect thresholds, and save reports and repros.

Next

What comes next

  • Ship the initial case corpus for selectors, custom property fanout, @property, layout instability, and paint-heavy effects.
  • Tune thresholds against real examples and reviewed reports.
  • Make generated artifacts clear enough to share with DevTools authors and browser engineers.