Benchmark: Setting the same value with setAttribute()

Setting the same value with setAttribute() (version: 6)

Is checking the current value of an attribute with getAttribute() better than setting the same value with setAttribute() over and over.

Comparing performance of: `set the same value vs check and set nothing vs check and set a new value vs set a new value vs check cache and set nothing vs check cache and set a new value vs check and set the same value`

Created: 4 years ago by: Registered User

Go to the latest result

HTML Preparation code:

<svg version="1.1"
     width="300" height="200"
     xmlns="http://www.w3.org/2000/svg">
  <rect id="rect1" width="100" height="100" fill="red" />
</svg>

Script Preparation code:

var rect = document.getElementById('rect1');
var width = Number(rect.getAttribute('width'));

Tests:

set the same value
rect.setAttribute('width', width);
check and set nothing
if (rect.getAttribute('width') !== `${width}`) { alert('this code does not run'); }
check and set a new value
if (rect.getAttribute('width') !== `${++width}`) { rect.setAttribute('width', width); }
set a new value
rect.setAttribute('width', ++width);
check cache and set nothing
const cache = width; if (cache !== width) { alert('this code does not run'); }
check cache and set a new value
const cache = width; if (cache !== ++width) { rect.setAttribute('width', width); }
check and set the same value
if (rect.getAttribute('width') === `${width}`) { rect.setAttribute('width', width); }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
set the same value
check and set nothing
check and set a new value
set a new value
check cache and set nothing
check cache and set a new value
check and set the same value

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36

Browser/OS: Chrome 135 on Mac OS X 10.15.7

View result in a separate tab

check cache and set nothing

167.6M/s

check and set nothing

51.5M/s

set the same value

12.0M/s

check and set the same value

7.0M/s

set a new value

4.6M/s

check cache and set a new value