Create benchmark - MeasureThat.net

Consider signing in before you create benchmark. Then you will be able to edit it later. Benchmarks created by guest users can't be edited, only forked.

Benchmark name and description

Benchmark Name

Description

Preparation code

Html Preparation code

x
<html><head>
 
<div>
  
</div><div><div>
  <div>
  <div>
  <div>
  <div>
  <div>
  
</div>
</div>
</div>
</div><div>
  
</div>
</div><div>
  
</div>
</div>
  
</div><div>
  
</div><div>
  
</div><div>
  
</div><div>
  
</div><div>
  
</div><div>
  
</div>
            </div>

JavaScript preparation code

// language=HTML
const html = `
    
    <article>
        
        <h1>Lorem ipsum</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque, nostrum.</p>
        
    </article>

<article>
        
        <h1>Lorem ipsum</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque, nostrum.</p>
        
    </article>

window.testTemplate = template;

window.testTraverse = function traverse(node, use) {
    if (!node) return;

use(node);
    traverse(node.firstChild, use);
    traverse(node.nextSibling, use);
}

x
 
​
// language=HTML

Test cases

Name your test: Benchmark code

x
const elements = [...(function *deepDescendents(root) {
  for (const child of root.childNodes) {
    if (child instanceof Element) {
      yield child.shadowRoot ?? child;
    }
  }
  for (const child of root.childNodes) {
    if (child instanceof Element) {
      deepDescendents(child.shadowRoot ?? child);
    }
  }
})(document)];

Name your test: Benchmark code

x
 
const elements = [...(function* deepDescendents(root) {
  const walkers = [document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT)];
  for (const walker of walkers) {
    let node: Element | null = null;
    while ((node = walker.nextNode() as Element | null)) {
      if (!node.shadowRoot) {
        yield node;
      } else {
        yield node.shadowRoot;
        walkers.push(
          document.createTreeWalker(node.shadowRoot, NodeFilter.SHOW_ELEMENT)
        );
      }
    }
  }
})(document)];
​

To avoid adding broken tests, please use Validate benchmark button to check for errors in benchmark definition.

Validation log:

Checking necessary properties...
Loading iframe for testing...
Checking necessary properties...Done.
Taking care of HTML Preparation code...
Loading iframe for testing...Done.
Attempting to run benchmark...
Error when running benchmark: Unexpected token ':'

Validate benchmark Cancel