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()

Historical Performance Data aggregated from 21 community runs

Desktop Results:

Chrome 10 runs

nofunc

136K/s

nofunc2

134K/s

Ultra

131K/s

funcinline

131K/s

func

118K/s

func2

109K/s

eval

96K/s

Fastest: nofunc (1.4x faster)

View exact numbers

✓ nofunc: 135,750 ops/sec
• nofunc2: 133,752 ops/sec
• Ultra: 130,768 ops/sec
• funcinline: 130,733 ops/sec
• func: 117,669 ops/sec
• func2: 109,341 ops/sec
• eval: 95,609 ops/sec

Firefox 6 runs

funcinline

118K/s

func

117K/s

func2

117K/s

View exact numbers

✓ funcinline: 118,040 ops/sec
• func: 117,276 ops/sec
• func2: 116,578 ops/sec

Safari 5 runs

funcinline

187K/s

func

163K/s

Fastest: funcinline (1.1x faster)

View exact numbers

✓ funcinline: 186,755 ops/sec
• func: 162,591 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

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: 2 years 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

nofunc2

141K/s

nofunc

141K/s

Ultra

140K/s

Ultra2

140K/s

funcinline

132K/s

func

122K/s

func2

109K/s

View exact numbers

Test name	Executions per second
✓ nofunc2	141,199 Ops/sec
nofunc	140,662 Ops/sec
Ultra	140,059 Ops/sec
Ultra2	139,802 Ops/sec
funcinline	132,472 Ops/sec
func	121,739 Ops/sec
func2	108,954 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!

xxxx15 (version: 7)

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

Created: 2 years ago by: Registered User

Go to the latest result

func

funcinline

func2

nofunc

nofunc2

Ultra

Ultra2

Historical Performance Data aggregated from 21 community runs

Desktop Results:

Chrome 10 runs

Firefox 6 runs

Safari 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

xxxx15 (version: 7)

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

Created: 2 years ago by: Registered User

Go to the latest result

func

funcinline

func2

nofunc

nofunc2

Ultra

Ultra2

Historical Performance Data aggregated from 21 community runs

Desktop Results:

Chrome 10 runs

Firefox 6 runs

Safari 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Related benchmarks

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