uncheck vs change class
Date tested:
2 months ago
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
Test name
Executions per second
change checked
8613979.0 Ops/sec
change classname
2689427.2 Ops/sec
Benchmark definition (click to collapse):
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' }
Open this result on MeasureThat.net