Run results for: 123456tg

Run details:

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

Browser: Chrome 131

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
t2	158.3 Ops/sec
t1	199.9 Ops/sec

HTML Preparation code:

<div data-role="list"><div class="title">loc</div><span class="area" title="tesr" data-id="9" data-index="0">test</span><span class="area" title="test2" data-index="1">test2</span><span class="area" title="test3" data-index="2">test3</span></div>

Script Preparation code:

function getMoveList(){
	let list = document.querySelector('[data-role="list"]');
	let area = [...list.querySelectorAll('.area[title]')];
	let house = [...list.querySelectorAll('.house[title]')];
	let npc = [...list.querySelectorAll('.npc[title]')];
	return {area, house, npc, all: [...area, ...house, ...npc]};
}

Tests:

t2
function getRoute(name){ return getMoveList().area.find(el => el.innerText.includes(name)); } for(var i=0;i<100;i++){ let res = getRoute('test2'); console.log(res); }
t1
var Routes = null; Routes = getMoveList().area; function getRoute(name){ if (Routes == null) return console.log('Routes == null'); return Routes.find(el => el.innerText.includes(name)); } for(var i=0;i<100;i++){ let res = getRoute('test2'); console.log(res); }

t2

t1