Benchmark: xxxx15 - MeasureThat.net

HTML Preparation code:

<div id='main'></div>

Script Preparation code:

function Attrs(attrs, element) {
    for (var name in attrs) element.setAttribute(name, attrs[name]);
    return element;
};

function Text(content, element) {
    element.textContent = content;
    return element;
};

function setAttribute(key, value, element) {
    element.setAttribute(key, value);
    return element;
};

Tests:

func
const container = document.getElementById('main'); container.appendChild( Attrs({ class: 'magenta' }, document.createElement('main')) .appendChild( Text(1, Attrs({ class: 'red', a: 1, b: 'ohlooong' }, document.createElement('div'))) ).parentNode .appendChild( Attrs({ class: 'green', a: 1, b: 'ohlooong' }, document.createElement('div')) .appendChild( Text('Wow', Attrs({ class: 'magenta', a: 1, b: 'ohlooong' }, document.createElement('div'))) ).parentNode ).parentNode .appendChild( Text(3, Attrs({ class: 'blue', a: 1, b: 'ohlooong' }, document.createElement('div'))) ).parentNode ).remove();
funcinline
const container = document.getElementById('main'); container.appendChild( (() => { const element = document.createElement('main'); element.setAttribute('class', 'magenta'); return element; })() .appendChild( (() => { const element = document.createElement('div'); element.setAttribute('class', 'red'); element.setAttribute('a', 1); element.setAttribute('b', 'ohlooong'); element.textContent = 1; return element; })() ).parentNode .appendChild( (() => { const element = document.createElement('div'); element.setAttribute('class', 'green'); element.setAttribute('a', 1); element.setAttribute('b', 'ohlooong'); return element; })() .appendChild( (() => { const element = document.createElement('div'); element.setAttribute('class', 'magenta'); element.setAttribute('a', 1); element.setAttribute('b', 'ohlooong'); element.textContent = 'Wow'; return element; })() ).parentNode ).parentNode .appendChild( (() => { const element = document.createElement('div'); element.setAttribute('class', 'blue'); element.setAttribute('a', 1); element.setAttribute('b', 'ohlooong'); element.textContent = 3; return element; })() ).parentNode ).remove();
func2
const container = document.getElementById('main'); container.appendChild( setAttribute('class', 'magenta', document.createElement('main') ) .appendChild( setAttribute('class', 'red', setAttribute('a', 1, setAttribute('b', 'ohlooong', Text(1, document.createElement('div') ) ) ) ) ).parentNode .appendChild( setAttribute('class', 'green', setAttribute('a', 1, setAttribute('b', 'ohlooong', document.createElement('div') ) ) ) .appendChild( setAttribute('class', 'magenta', setAttribute('a', 1, setAttribute('b', 'ohlooong', Text('Wow', document.createElement('div') ) ) ) ) ).parentNode ).parentNode .appendChild( setAttribute('class', 'blue', setAttribute('a', 1, setAttribute('b', 'ohlooong', Text(3, document.createElement('div') ) ) ) ) ).parentNode ).remove();
nofunc
const container = document.getElementById('main'); const element1 = document.createElement('main'); const element2 = document.createElement('div'); const element3 = document.createElement('div'); const element4 = document.createElement('div'); const element5 = document.createElement('div'); element1.setAttribute('class', 'magenta'); element2.setAttribute('class', 'red'); element2.setAttribute('a', 1); element2.setAttribute('b', 'ohlooong'); element2.textContent = 1; element3.setAttribute('class', 'green'); element3.setAttribute('a', 1); element3.setAttribute('b', 'ohlooong'); element4.setAttribute('class', 'magenta'); element4.setAttribute('a', 1); element4.setAttribute('b', 'ohlooong'); element4.textContent = 'Wow'; element5.setAttribute('class', 'blue'); element5.setAttribute('a', 1); element5.setAttribute('b', 'ohlooong'); element5.textContent = 3; container .appendChild(element1 .appendChild(element2) .parentNode .appendChild(element3 .appendChild(element4) .parentNode ).parentNode .appendChild(element5) .parentNode ).remove();
nofunc2
const container = document.getElementById('main'); const elements = { element1: document.createElement('main'), element2: document.createElement('div'), element3: document.createElement('div'), element4: document.createElement('div'), element5: document.createElement('div') } elements.element1.setAttribute('class', 'magenta'); elements.element2.setAttribute('class', 'red'); elements.element2.setAttribute('a', 1); elements.element2.setAttribute('b', 'ohlooong'); elements.element2.textContent = 1; elements.element3.setAttribute('class', 'green'); elements.element3.setAttribute('a', 1); elements.element3.setAttribute('b', 'ohlooong'); elements.element4.setAttribute('class', 'magenta'); elements.element4.setAttribute('a', 1); elements.element4.setAttribute('b', 'ohlooong'); elements.element4.textContent = 'Wow'; elements.element5.setAttribute('class', 'blue'); elements.element5.setAttribute('a', 1); elements.element5.setAttribute('b', 'ohlooong'); elements.element5.textContent = 3; container .appendChild(elements.element1 .appendChild(elements.element2) .parentNode .appendChild(elements.element3 .appendChild(elements.element4) .parentNode ).parentNode .appendChild(elements.element5) .parentNode ).remove();
Ultra
const container = document.getElementById('main'); const elements = { element1: document.createElement('main'), element2: document.createElement('div'), element3: document.createElement('div'), element4: document.createElement('div'), element5: document.createElement('div') } elements.element1.setAttribute('class', 'magenta'); elements.element2.setAttribute('class', 'red'); elements.element2.setAttribute('a', 1); elements.element2.setAttribute('b', 'ohlooong'); elements.element2.textContent = 1; elements.element3.setAttribute('class', 'green'); elements.element3.setAttribute('a', 1); elements.element3.setAttribute('b', 'ohlooong'); elements.element4.setAttribute('class', 'magenta'); elements.element4.setAttribute('a', 1); elements.element4.setAttribute('b', 'ohlooong'); elements.element4.textContent = 'Wow'; elements.element5.setAttribute('class', 'blue'); elements.element5.setAttribute('a', 1); elements.element5.setAttribute('b', 'ohlooong'); elements.element5.textContent = 3; const component = container.appendChild(elements.element1); elements.element1.appendChild(elements.element2); elements.element1.appendChild(elements.element3) .appendChild(elements.element4); elements.element1.appendChild(elements.element5); component.remove();
Ultra2
const container = document.getElementById('main'); const elements = [ document.createElement('main'), document.createElement('div'), document.createElement('div'), document.createElement('div'), document.createElement('div') ] elements[0].setAttribute('class', 'magenta'); elements[1].setAttribute('class', 'red'); elements[1].setAttribute('a', 1); elements[1].setAttribute('b', 'ohlooong'); elements[1].textContent = 1; elements[2].setAttribute('class', 'green'); elements[2].setAttribute('a', 1); elements[2].setAttribute('b', 'ohlooong'); elements[3].setAttribute('class', 'magenta'); elements[3].setAttribute('a', 1); elements[3].setAttribute('b', 'ohlooong'); elements[3].textContent = 'Wow'; elements[4].setAttribute('class', 'blue'); elements[4].setAttribute('a', 1); elements[4].setAttribute('b', 'ohlooong'); elements[4].textContent = 3; const x = container.appendChild(elements[0]) x.appendChild(elements[1]); const y = x.appendChild(elements[2]); y.appendChild(elements[3]); x.appendChild(elements[4]); x.remove()

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
func
funcinline
func2
nofunc
nofunc2
Ultra
Ultra2

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Chrome 126 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
func	121738.9 Ops/sec
funcinline	132472.1 Ops/sec
func2	108953.8 Ops/sec
nofunc	140662.3 Ops/sec
nofunc2	141199.4 Ops/sec
Ultra	140059.4 Ops/sec
Ultra2	139802.4 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

Based on the provided test results, I'll answer your question:

There is no specific question asked in the text. However, if you're asking about the benchmark results or the performance of the tests, here's a brief summary:

**Test Performance Summary**

The tests seem to be related to web development and performance benchmarking. The latest benchmark result shows an execution rate of 141199.390625 executions per second for the "nofunc2" test.

Here are some observations from the results:

1. **Browser and Device Platform**: All tests were run on Chrome 126, with a Macintosh device platform.
2. **Operating System**: The tests were run on Mac OS X 10.15.7.
3. **Test Performance**: The "nofunc2" test has the highest execution rate among all tests.
4. **Decline in Test Performance**: There appears to be a decline in performance for some of the older tests, such as "Ultra", "Ultra2", and "funcinline".

Please let me know if you have any further questions or if there's anything else I can help with!

Related benchmarks:

xxxx15 (version: 7)

Comparing performance of: func vs funcinline vs func2 vs nofunc vs nofunc2 vs Ultra vs Ultra2

Created: one year ago by: Registered User

Jump to the latest result

func

funcinline

func2

nofunc

nofunc2

Ultra

Ultra2

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):