Benchmark: qwdqwdqwdqeqwdqw

Script Preparation code:

var component = {
	name: 'Hello World',
  input: 'Some text',
  buttonName: 'Click Me',
  buttonCallback: function(event){
  	console.log(this);
    var data = 'test';
  }
};

function testA(comp){
	console.log(comp);
	var div = document.createElement('div');
  
  var label = document.createElement('label');
  label.textContent = comp.name;
  
  var button = document.createElement('button');
  button.textContent = comp.buttonName;
  button.addEventListener('click', comp.buttonCallback.bind(comp));

	var input = document.createElement('input');
  input.type = comp.input;
  input.value = comp.input;

	div.appendChild(label);
	div.appendChild(button);
	div.appendChild(input);

	return div;
}

function testB(){
	var tmp = document.createElement('div');
  var html = '<div><label></label><button></button><input></div>';
  
  tmp.innerHTML = html;
  
	return tmp.firstChild;
}

var testCData = testB();
function testC(comp){
	var a = testCData.cloneNode(true);

  var label = a.querySelectorAll('label')[0];
  label.textContent = comp.name;
  
  var button = a.querySelectorAll('button')[0];
  button.textContent = comp.buttonName;
  button.addEventListener('click', comp.buttonCallback.bind(comp));

	var input = a.querySelectorAll('input')[0];
  input.type = comp.input;
  input.value = comp.input;
  
	return a;
}

Tests:

A
testA(component);
C
testC(component);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
A
C

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: 6 years ago)

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

Browser/OS: Chrome 60 on Windows

View result in a separate tab

Test name	Executions per second
A	44123.6 Ops/sec
C	64140.4 Ops/sec

qwdqwdqwdqeqwdqw (version: 0)

Comparing performance of: A vs C

Created: 6 years ago by: Guest

Jump to the latest result

A

C

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A