Email or username:

Password:

Forgot your password?
Bramus

With @​property now being #Baseline, I thought it’d be a good time benchmark the impact – if any – it has on the performance of your CSS.

web.dev/blog/at-property-perfo

2 comments
Bramus

To measure this I built and open sourced the “CSS Selector Benchmark” project which I have been working on for some time now.

github.com/GoogleChromeLabs/cs

The test suite is powered by Chromium’s PerfTestRunner and Puppeteer.

Bramus

The created benchmarks for @​property specifically measure how fast Blink can handle a Style Invalidation and the subsequent Recalculate Style task.

This was tested with both registered and unregistered custom properties, as well as regular properties.

Go Up