Run results for: insertRule vs textContent

Run details:

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

Browser: Chrome 136

Operating system: Linux

Device Platform: Desktop

Date tested: 11 months ago

Test name	Executions per second
insertRule	22704.1 Ops/sec
textContent	165740096.0 Ops/sec

HTML Preparation code:

<style id="style"></style>

Script Preparation code:

let r = '*{color-rendering:var(--color-rendering);buffered-rendering:var(--buffered-rendering);-webkit-min-logical-width:var(--min-logical-width);-webkit-max-logical-width:var(--max-logical-width);-webkit-min-logical-height:var(--min-logical-height);-webkit-max-logical-height:var(--max-logical-height);-webkit-border-vertical-spacing:var(--border-vertical-spacing);text-size-adjust:var(--text-size-adjust);content-visibility:var(--content-visibility);column-progression:var(--column-progression);column-axis:var(--column-axis);overflow-scrolling:var(--overflow-scrolling);dashboard-region:var(--dashboard-region);continue:var(--continue);line-fit-edge:var(--line-fit-edge);max-lines:var(--max-lines);ruby-overhang:var(--ruby-overhang);orient:var(--orient);text-autospace:var(--text-autospace);text-group-align:var(--text-group-align);text-spacing-trim:var(--text-spacing-trim);visual-effect:var(--visual-effect);pay-button-type:var(--pay-button-type);color-filter:var(--color-filter);pay-button-style:var(--pay-button-style);cursor-visibility:var(--cursor-visibility);print-color-adjust:var(--print-color-adjust);wrap-through:var(--wrap-through);caret-animation:var(--caret-animation);input-security:var(--input-security);interactivity:var(--interactivity);behaviour:var(--behaviour);touch-select:var(--touch-select);overflow-style:var(--overflow-style);ime-mode:var(--ime-mode);high-contrast-adjust:var(--high-contrast-adjust);content-zoom-chaining:var(--content-zoom-chaining);flow-into:var(--flow-into);flow-from:var(--flow-from);content-zooming:var(--content-zooming);progress-appearance:var(--progress-appearance);interpolation-mode:var(--interpolation-mode);text-kashida-space:var(--text-kashida-space);initial-letter:var(--initial-letter);accelerator:var(--accelerator);content-zoom-limit:var(--content-zoom-limit);text-blink:var(--text-blink);user-focus:var(--user-focus);binding:var(--binding);window-shadow:var(--window-shadow);outline-radius:var(--outline-radius);context-properties:var(--context-properties);image-rect:var(--image-rect);mask-composite:var(--mask-composite);stack-sizing:var(--stack-sizing);window-dragging:var(--window-dragging);touch-callout:var(--touch-callout);-webkit-tap-highlight-color:var(--tap-highlight-color);-webkit-mask-position-y:var(--mask-position-y);-webkit-mask-position-x:var(--mask-position-x);-webkit-font-smoothing:var(--font-smoothing);line-clamp:var(--line-clamp);-webkit-text-fill-color:var(--text-fill-color);-webkit-text-security:var(--text-security);-webkit-text-stroke-width:var(--text-stroke-width);-webkit-text-stroke-color:var(--text-stroke-color);-webkit-box-reflect:var(--box-reflect);user-input:var(--user-input);-webkit-box-pack:var(--box-pack);box-decoration-break:var(--box-decoration-break);-webkit-box-ordinal-group:var(--box-ordinal-group);box-lines:var(--box-lines);box-flex-group:var(--box-flex-group);-webkit-box-flex:var(--box-flex);-webkit-box-direction:var(--box-direction);-webkit-box-align:var(--box-align);-webkit-box-orient:var(--box-orient);image-region:var(--image-region);float-edge:var(--float-edge);force-broken-image-icon:var(--force-broken-image-icon);-webkit-text-decorations-in-effect:var(--text-decorations-in-effect);-webkit-user-drag:var(--user-drag);line-align:var(--line-align);text-zoom:var(--text-zoom);nbsp-mode:var(--nbsp-mode);line-snap:var(--line-snap);line-grid:var(--line-grid);-webkit-locale:var(--locale);zoom:var(--zoom);-webkit-user-modify:var(--user-modify);user-select:var(--user-select)}'
let {sheet} = style

Tests:

insertRule
sheet.insertRule(r)
textContent
sheet.textContent = r