Benchmark: style vs style.cssText

Script Preparation code:

var a = document.createElement('div');
var b = document.createElement('div');
document.body.appendChild(a);
document.body.appendChild(b);

Tests:

style
a.style.fontSize = `${20 * Math.random()}px`; a.style.letterSpacing = `-${Math.random()}em`; a.style.wordSpacing = '0em'; a.getBoundingClientRect()
style.cssText
b.style.cssText = ` font-size: ${20 * Math.random()}px; letter-spacing: -${Math.random()}em; word-spacing: 0em; `; b.getBoundingClientRect();

Rendered benchmark preparation results:

Previous results

Test case name	Result
style
style.cssText

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 3 years ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Safari/605.1.15

Browser/OS: Safari 14 on Mac OS X 10.15.6

Test name	Executions per second
style	22973.5 Ops/sec
style.cssText	22007.5 Ops/sec

style vs style.cssText (version: 0)