Run results for: queryselect vs getlementsbyid

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.85 Safari/537.36

Browser: Chrome 90

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
1	618966.0 Ops/sec
2	410268.7 Ops/sec

HTML Preparation code:

	<div id="anakisim">
		<div class="col-md-11" id="KanalIslem">
			<div class="row panel panel-default" id="YazilarBuraya"></div>
		</div>
		<div class="col-md-1" id="ortaklist">
			<ul class="KanalListe nav" id="OrtakKanal"></ul>
			<ul class="KanalListe nav" id="OrtakNick"></ul>
		</div>
	</div>

Tests:

1
var anakisim = document.getElementById('anakisim'); var main = anakisim.querySelector('#YazilarBuraya'); var NickKanalTab = anakisim.querySelector('#ortaklist'); var OrtakKanal = NickKanalTab.querySelector('#OrtakKanal'); var OrtakNick = NickKanalTab.querySelector('#OrtakNick'); var idi = OrtakKanal.id; var idii = OrtakNick.id; var idiii = NickKanalTab.id;
2
var main = document.getElementById('YazilarBuraya'); var NickList = document.getElementById('NickList'); var NickKanalTab = document.getElementById('ortaklist'); var OrtakKanal = document.getElementById('OrtakKanal'); var OrtakNick = document.getElementById('OrtakNick'); var idi = OrtakKanal.id; var idii = OrtakNick.id; var idiii = NickKanalTab.id;

Run results for: queryselect vs getlementsbyid

1

2