Run results for: Test clientWidth, width, offsetWidth

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.61 Safari/537.36

Browser: Chrome 94

Operating system: Linux

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
clientWidth	72818.1 Ops/sec
width	9337966.0 Ops/sec
offsetWidth	44630.1 Ops/sec

HTML Preparation code:


<div id='foo' style="padding: 2em; height: 10vw">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tincidunt erat in purus ullamcorper ultricies. Duis lacinia aliquet dolor. Maecenas velit enim, eleifend a, tempor eu, mattis in, nisl. Maecenas ut orci. Sed egestas auctor sem. Curabitur vitae pede vel nisl tristique commodo. Phasellus ut nisl. Cras massa. Suspendisse potenti. Vestibulum vitae augue. Mauris mauris sapien, aliquet vitae, tincidunt ac, volutpat eu, ante. Nunc sed quam.

Etiam sit amet urna. Phasellus consequat augue. Nulla imperdiet cursus urna. Vivamus malesuada sem sed lectus. Aenean ornare dignissim sapien. Suspendisse vulputate tortor et elit. Pellentesque vel eros. Vivamus magna leo, condimentum vitae, convallis id, ultricies non, diam. Nam venenatis, lorem quis pharetra interdum, tellus justo tincidunt ligula, at tempor est mauris eget sapien. Sed elit.

Pellentesque pharetra quam a purus. Duis feugiat sem. Pellentesque risus magna, accumsan quis, lobortis at, pulvinar id, lorem. Donec hendrerit ligula interdum neque. Sed nisl. Vestibulum dolor. Quisque lacus sem, posuere ac, mattis at, consectetuer eget, mi. In hac habitasse platea dictumst. Sed consequat sodales libero. Ut ut lacus. Integer sed nisi. Nunc consequat, lorem placerat venenatis convallis, pede purus sagittis nunc, a euismod tellus justo gravida augue. Vivamus tincidunt, odio vel rhoncus blandit, turpis sem facilisis velit, ac accumsan tortor nunc vel leo. Praesent leo sapien, dictum in, lobortis ac, consequat sit amet, orci. Praesent mollis sollicitudin est. Mauris vestibulum. Integer iaculis. Etiam mattis commodo turpis.</div>

Script Preparation code:

var el = document.getElementById('foo');

Tests:

clientWidth
el.clientWidth;
width
el.width;
offsetWidth
el.offsetWidth;