Run results for: string-interpolation-vs-concatenation-for-inline-style

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/117.0

Browser: Firefox 117

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
string-interpolation	851204.8 Ops/sec
string-concatenation	865516.6 Ops/sec

HTML Preparation code:

<div style="display: flex;">
  <div id="first" style="flex-grow: 0; flex-shrink: 0; flex-basis: 200px;" />
  <div id="second" style="flex-grow: 0; flex-shrink: 0; flex-basis: 200px;" />
</div>

Script Preparation code:

var size = Math.round(0 + Math.random() * 1800);
var el = document.querySelector("#first");

Tests:

string-interpolation
el.style.flexBasis = `${size}px`;
string-concatenation
el.style.flexBasis = size + "px";

Run results for: string-interpolation-vs-concatenation-for-inline-style

-

string-interpolation

string-concatenation