Benchmark: Test de By Id - MeasureThat.net

HTML Preparation code:

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.0.min.js"></script>
<div id="testElement"></div>

Script Preparation code:

var el;
var map = new Map();
//a cache :P
function id(theId){
  if(!map[theId]){
	el = document.getElementById(theId);
    map[theId] = el;
	} else {
 		el = map[theId]; 
	}
  return el;
}

Tests:

Vanilla JS
var el = id("testElement"); var className = el.className;
Jquery
var el = $("#testElement")[0]; var className = el.className;

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Vanilla JS
Jquery

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 3 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:81.0) Gecko/20100101 Firefox/81.0

Browser/OS: Firefox 81 on Windows

View result in a separate tab

Test name	Executions per second
Vanilla JS	32978530.0 Ops/sec
Jquery	3794633.0 Ops/sec

Test de By Id (version: 0)

test

Comparing performance of: Vanilla JS vs Jquery

Created: 3 years ago by: Guest

Jump to the latest result

Vanilla JS

Jquery

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A