DOM APIs are slow

by godfrzero

HTML

<div></div>

CSS

div {
  border: solid thin black;
  padding: 10px;
  display: inline-block;
}

JavaScript

setTimeout(function () {
  let $el = document.querySelector('div');

	Array(100).fill(1).forEach(function (_, index) {
    $el.style.width = `2${index}px`;
  });
}, 1000);