Смена DOM в пакете не быстрее, чем смена DOM одна за другой

Question

Я знаю, что смена DOM в пакете происходит быстрее, чем смена DOM по одному.

И это концепция Virtual DOM.

Проблема заключается в примере, который я сделал.

В этом примере я хочу показать, что изменение DOM в пакете происходит быстрее.

Поэтому я сравнил изменение DOM в пакете с выполнением этого по одному.

Но естьнет разницы

иногда смена DOM одна за другой происходит еще быстрее.

Если кто-нибудь знает, в чем проблема в коде.

, пожалуйста, дайте мне знать.

вот код. https://codepen.io/welinhong/pen/pooypvd

1. по одному

function changeDom() {
  const start = performance.now()
  for (let i = 0; i < count; i++) {
    const el = document.createElement('div')
    el.innerText = `${i}`
    document.getElementById('container').appendChild(el)
  }
  const end = performance.now()
  document.getElementById('time').innerText = `${end - start}ms`
}

в партии

function changeDomInBatch() {
  const start = performance.now()
  const fragment = document.createDocumentFragment();
  for (let i = 0; i < count; i++) {
    const el = document.createElement('div')
    el.innerText = `${i}`
    fragment.appendChild(el)
  }
  document.getElementById('container').appendChild(fragment)
  const end = performance.now()
  document.getElementById('time').innerText = `${end - start}ms`
}