MeasureThat.net

Run results for: id vs attribute

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36
Chrome 133
Windows
Desktop
23 days ago
Test name Executions per second
beginning with attribute selector 8773790.0 Ops/sec
attribute selector 8989975.0 Ops/sec
id selector 9232063.0 Ops/sec
HTML Preparation code:
AخA
 
1
<div id="variableContainerSso"></div>
Script Preparation code:
 
/*your preparation JavaScript code goes here
To execute async code during the script preparation, wrap it as function globalMeasureThatScriptPrepareFunction, example:*/
async function globalMeasureThatScriptPrepareFunction() {
    // This function is optional, feel free to remove it.
    // await someThing();
}
Tests:

  • beginning with attribute selector

     
    document.querySelector("div[id^='variableContainerSso']")

  • attribute selector

     
    document.querySelector("div[id='variableContainerSso']")

  • id selector

     
    document.querySelector("#variableContainerSso")