Run results for: cloneMultiple vs cloneNode

Run details:

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

Browser: Chrome 68

Operating system: Windows

Device Platform: Desktop

Date tested: 6 years ago

Test name	Executions per second
cloneMultiple	25091.2 Ops/sec
cloneNode	8020.7 Ops/sec

HTML Preparation code:

<ul id="container"></ul>

Script Preparation code:

var cloneMultiple = function (elem, times, deep) {
   let fragment = document.createDocumentFragment();
   fragment.appendChild(elem.cloneNode(deep));
   if (times <= 1) {
       return fragment;
   }

   let i = 1,
       rest = [];

   while((times % 2 === 0 || !!(rest[i] = 1 && --times)) && (times /= 2) && times >3 ) {
        i += 1;  
   }

   while ( times > 1 ) {
      fragment.appendChild(elem.cloneNode(deep));
      --times;
   }

    for ( ; i; --i ) {
      fragment.appendChild(fragment.cloneNode(true));   
      rest[i] && fragment.appendChild(elem.cloneNode(deep));
    }
   
   return fragment;
}

Tests:

cloneMultiple
var li = document.createElement('li'), container = document.getElementById('container'); container.appendChild(cloneMultiple(li, 10, true));
cloneNode
var li = document.createElement('li'), container = document.getElementById('container'); for (t = 0; t < 10; t++) { var cloneLi = li.cloneNode(); container.appendChild(cloneLi); }