Run results for: Performance Test: Template element selection

Run details:

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

Browser: Chrome 67

Operating system: Mac OS X 10.13.3

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
getElementById	7431214.0 Ops/sec
getElementsByClassName	6314705.0 Ops/sec
getElementsByTagName	6292373.0 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')

Run results for: Performance Test: Template element selection

getElementById

getElementsByClassName

getElementsByTagName