Benchmark: Drupal once - MeasureThat.net

HTML Preparation code:


<script src='https://unpkg.com/jquery@3.5.1/dist/jquery.min.js'></script>
<script src='https://unpkg.com/jquery-once@2.2.3/jquery.once.min.js'></script>
<script>
/**
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/2815083
* @preserve
**/

(function () {
  var wsRE = /[\11\12\14\15\40]+/;
  var attrName = 'data-once';

  function checkId(id) {
    if (typeof id !== 'string') {
      throw new TypeError('The once id parameter must be a string');
    }

    if (id === '' || wsRE.test(id)) {
      throw new Error('The once id parameter must not be empty or contain spaces');
    }

    return id;
  }

  function checkElement(element) {
    if (!(element instanceof Element)) {
      throw new TypeError('The element must be an instance of Element');
    }

    return true;
  }

  function filter(elements, selector, apply) {
    return Array.prototype.filter.call(elements, function (element) {
      var selected = checkElement(element) && element.matches(selector);

      if (selected && apply) {
        apply(element);
      }

      return selected;
    });
  }

  function updateAttribute(_ref) {
    var value = _ref.value,
        add = _ref.add,
        remove = _ref.remove;
    var result = [];
    value.trim().split(wsRE).forEach(function (item) {
      if (result.indexOf(item) < 0 && item !== remove) {
        result.push(item);
      }
    });

    if (add) {
      result.push(add);
    }

    return result.join(' ');
  }

  function once(elements, id) {
    var dataId = checkId(id);
    return filter(elements, ":not([".concat(attrName, "~=\"").concat(dataId, "\"])"), function (element) {
      var value = dataId;

      if (element.hasAttribute(attrName)) {
        value = updateAttribute({
          value: element.getAttribute(attrName),
          add: dataId
        });
      }

      element.setAttribute(attrName, value);
    });
  }

  once.remove = function (elements, id) {
    var dataId = checkId(id);
    return filter(elements, "[".concat(attrName, "~=\"").concat(dataId, "\"]"), function (element) {
      element.setAttribute(attrName, updateAttribute({
        value: element.getAttribute(attrName),
        remove: dataId
      }));
    });
  };

  once.find = function (elements, id) {
    var dataId = checkId(id);
    return filter(elements, "[".concat(attrName, "~=\"").concat(dataId, "\"]"));
  };

  window.once = once;
})();
</script>
<div id="wrapper"></div>

Script Preparation code:

var url = new URL(window.location);
var totalDivs = url.searchParams.get('div') || 10;
var totalOnce = url.searchParams.get('once') || 3;
var wrapper = document.querySelector('#wrapper');
console.log(totalDivs, totalOnce);

wrapper.innerHTML = '<div class="test"></div>'.repeat(totalDivs); 


var items = wrapper.querySelectorAll('div.test');
console.log(items);

Tests:

jQuery.once
var $items = jQuery(items); for (var i = 0; i < totalOnce; i++) { $items.once('test' + i); }
once
for (var i = 0; i < totalOnce; i++) { once(items, 'test' + i); }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
jQuery.once
once

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 (X11; Ubuntu; Linux x86_64; rv:78.0) Gecko/20100101 Firefox/78.0

Browser/OS: Firefox 78 on Ubuntu

View result in a separate tab

Test name	Executions per second
jQuery.once	36294.7 Ops/sec
once	58390.1 Ops/sec

Drupal once (version: 0)

https://www.drupal.org/project/drupal/issues/2402103

Comparing performance of: jQuery.once vs once

Created: 3 years ago by: Guest

Jump to the latest result

jQuery.once

once

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A