Run results for: Performance Test: Template element selection

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:130.0) Gecko/20100101 Firefox/130.0

Browser: Firefox 130

Operating system: Linux

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

getElementById

42.6M/s

getElementsByTagName

28.5M/s

getElementsByClassName

27.6M/s

View exact numbers

Test name	Executions per second
✓ getElementById	42,572,728 Ops/sec
getElementsByTagName	28,485,186 Ops/sec
getElementsByClassName	27,649,026 Ops/sec

Script Preparation code:

var template = document.createElement('template');
template.innerHTML = '<div><slot></slot><slot id="test1" name="spot"  class="test3"></slot></div>';

Tests:

getElementById
template.content.getElementById('test1')
getElementsByClassName
template.content.firstChild.getElementsByClassName('test3')
getElementsByTagName
template.content.firstChild.getElementsByTagName('slot')