Run results for: uncheck vs change class

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Browser: Chrome 131

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

change checked

8.6M/s

change classname

2.7M/s

View exact numbers

Test name	Executions per second
✓ change checked	8,613,979 Ops/sec
change classname	2,689,427 Ops/sec

HTML Preparation code:

<div id="chk"></div>
<div id="spn"></div>

Script Preparation code:

let A=[document.createElement('input'),document.createElement('span')];
let B=document.getElementById('chk')
let C=document.getElementById('spn')
let D=[A[0].cloneNode(), A[0].cloneNode(), A[0].cloneNode(), A[0].cloneNode(), A[0].cloneNode(), A[0].cloneNode(),A[0].cloneNode(), A[0].cloneNode(), A[0].cloneNode(), A[0].cloneNode(), A[0].cloneNode(), A[0].cloneNode()]
let E=[A[1].cloneNode(), A[1].cloneNode(), A[1].cloneNode(), A[1].cloneNode(), A[1].cloneNode(), A[1].cloneNode(),A[1].cloneNode(), A[1].cloneNode(), A[1].cloneNode(), A[1].cloneNode(), A[1].cloneNode(), A[1].cloneNode()]
for(let a of D){
  a.setAttribute("type", "checkbox");
  a.checked=true;
  B.appendChild(a)
}
for(let a of E){
  a.className='a b c'
  C.appendChild(a)
}

Tests:

change checked
for(let a of D){ a.checked=false; }
change classname
for(let a of E){ a.className='a b c d e f' }