Run results for: Performance Test: substring vs substr vs slice - More text

Run details:
User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
Browser: Chrome 119
Operating system: Windows
Device Platform: Desktop
Date tested: 2 years ago
Test name	Executions per second
slice	11851583.0 Ops/sec
substring	12426351.0 Ops/sec
substr	12540668.0 Ops/sec
Script Preparation code:
var string = `
// variables
// --------------------------

$fa-css-prefix          : fa !default;
$fa-style               : 900 !default;
$fa-style-family        : "Font Awesome Pro 6" !default;

$fa-display             : inline-block !default;

$fa-fw-width            : fa-divide(20em, 16) !default;
$fa-inverse             : #fff !default;

$fa-border-color        : #eee !default;
$fa-border-padding      : .2em .25em .15em !default;
$fa-border-radius       : .1em !default;
$fa-border-style        : solid !default;
$fa-border-width        : .08em !default;

$fa-size-scale-2xs      : 10 !default;
$fa-size-scale-xs       : 12 !default;
$fa-size-scale-sm       : 14 !default;
$fa-size-scale-base     : 16 !default;
$fa-size-scale-lg       : 20 !default;
$fa-size-scale-xl       : 24 !default;
$fa-size-scale-2xl      : 32 !default;

$fa-sizes: (
  "2xs"                 : $fa-size-scale-2xs,
  "xs"                  : $fa-size-scale-xs,
  "sm"                  : $fa-size-scale-sm,
  "lg"                  : $fa-size-scale-lg,
  "xl"                  : $fa-size-scale-xl,
  "2xl"                 : $fa-size-scale-2xl
) !default;

$fa-li-width            : 2em !default;
$fa-li-margin           : $fa-li-width * fa-divide(5, 4) !default;

$fa-pull-margin         : .3em !default;

$fa-primary-opacity     : 1 !default;
$fa-secondary-opacity   : .4 !default;

$fa-stack-vertical-align: middle !default;
$fa-stack-width         : ($fa-fw-width * 2) !default;
$fa-stack-z-index       : auto !default;

$fa-font-display        : block !default;
$fa-font-path           : "../webfonts" !default;

$fa-var-arrow-down-to-bracket: \e094;
$fa-var-arrow-up-from-bracket: \e09a;
$fa-var-arrow-up-right-from-square: \f08e;
$fa-var-external-link: \f08e;
$fa-var-arrows-retweet: \f361;
$fa-var-retweet-alt: \f361;
$fa-var-baby: \f77c;
$fa-var-bars: \f0c9;
$fa-var-navicon: \f0c9;
$fa-var-bell: \f0f3;
$fa-var-bell-slash: \f1f6;
$fa-var-building-columns: \f19c;
$fa-var-bank: \f19c;
$fa-var-institution: \f19c;
$fa-var-museum: \f19c;
$fa-var-university: \f19c;
$fa-var-calendar-check: \f274;
$fa-var-calendar-days: \f073;
$fa-var-calendar-alt: \f073;
$fa-var-caret-down: \f0d7;
$fa-var-caret-up: \f0d8;
$fa-var-chevron-down: \f078;
$fa-var-chevron-left: \f053;
$fa-var-chevron-right: \f054;
$fa-var-chevron-up: \f077;
$fa-var-chevrons-down: \f322;
$fa-var-chevron-double-down: \f322;
$fa-var-chevrons-up: \f325;
$fa-var-chevron-double-up: \f325;
$fa-var-circle: \f111;
$fa-var-circle-arrow-up: \f0aa;
$fa-var-arrow-circle-up: \f0aa;
$fa-var-circle-check: \f058;
$fa-var-check-circle: \f058;
$fa-var-circle-dot: \f192;
$fa-var-dot-circle: \f192;
$fa-var-circle-exclamation: \f06a;
$fa-var-exclamation-circle: \f06a;
$fa-var-circle-info: \f05a;
$fa-var-info-circle: \f05a;
$fa-var-circle-minus: \f056;
$fa-var-minus-circle: \f056;
$fa-var-circle-plus: \f055;
$fa-var-plus-circle: \f055;
$fa-var-circle-question: \f059;
$fa-var-question-circle: \f059;
$fa-var-circle-small: \e122;
$fa-var-circle-xmark: \f057;
$fa-var-times-circle: \f057;
$fa-var-xmark-circle: \f057;
$fa-var-clipboard-list: \f46d;
$fa-var-clipboard-prescription: \f5e8;
$fa-var-clipboard-user: \f7f3;
$fa-var-clock: \f017;
$fa-var-clock-four: \f017;
$fa-var-comments: \f086;
$fa-var-copy: \f0c5;
$fa-var-down-left-and-up-right-to-center: \f422;
$fa-var-compress-alt: \f422;
$fa-var-ellipsis: \f141;
$fa-var-ellipsis-h: \f141;
$fa-var-ellipsis-vertical: \f142;
$fa-var-ellipsis-v: \f142;
$fa-var-envelope: \f0e0;
$fa-var-eye: \f06e;
$fa-var-face-angry: \f556;
$fa-var-angry: \f556;
$fa-var-face-frown-slight: \e376;
$fa-var-face-laugh-beam: \f59a;
$fa-var-laugh-beam: \f59a;
$fa-var-face-meh: \f11a;
$fa-var-meh: \f11a;
$fa-var-face-smile: \f118;
$fa-var-smile: \f118;
$fa-var-file: \f15b;
$fa-var-file-circle-minus: \e4ed;
$fa-var-file-circle-plus: \e494;
$fa-var-file-pdf: \f1c1;
$fa-var-file-plus: \f319;
$fa-var-file-signature: \f573;
$fa-var-filter: \f0b0;
$fa-var-flag-pennant: \f456;
$fa-var-pennant: \f456;
$fa-var-flask-vial: \e4f3;
$fa-var-folder: \f07b;
$fa-var-folder-blank: \f07b;
$fa-var-folder-medical: \e18c;
$fa-var-gear: \f013;
$fa-var-cog: \f013;
$fa-var-globe: \f0ac;
$fa-var-grid: \e195;
$fa-var-grid-3: \e195;
$fa-var-grid-2: \e196;
$fa-var-heart: \f004;
$fa-var-hospital: \f0f8;
$fa-var-hospital-alt: \f0f8;
$fa-var-hospital-wide: \f0f8;
$fa-var-house-chimney: \e3af;
$fa-var-home-lg: \e3af;
$fa-var-id-badge: \f2c1;
$fa-var-id-card: \f2c2;
$fa-var-drivers-license: \f2c2;
$fa-var-info: \f129;
$fa-var-link: \f0c1;
$fa-var-chain: \f0c1;
$fa-var-list-ul: \f0ca;
$fa-var-list-dots: \f0ca;
$fa-var-location-dot: \f3c5;
$fa-var-map-marker-alt: \f3c5;
$fa-var-lock-keyhole: \f30d;
$fa-var-lock-alt: \f30d;
$fa-var-lock-keyhole-open: \f3c2;
$fa-var-lock-open-alt: \f3c2;
$fa-var-magnifying-glass: \f002;
$fa-var-search: \f002;
$fa-var-monitor-waveform: \f611;
$fa-var-monitor-heart-rate: \f611;
$fa-var-pen-field: \e211;
$fa-var-pen-to-square: \f044;
$fa-var-edit: \f044;
$fa-var-phone: \f095;
$fa-var-pills: \f484;
$fa-var-print: \f02f;
$fa-var-rectangle-list: \f022;
$fa-var-list-alt: \f022;
$fa-var-right-from-bracket: \f2f5;
$fa-var-sign-out-alt: \f2f5;
$fa-var-right-to-bracket: \f2f6;
$fa-var-sign-in-alt: \f2f6;
$fa-var-share-nodes: \f1e0;
$fa-var-share-alt: \f1e0;
$fa-var-sliders: \f1de;
$fa-var-sliders-h: \f1de;
$fa-var-sort: \f0dc;
$fa-var-unsorted: \f0dc;
$fa-var-sort-down: \f0dd;
$fa-var-sort-desc: \f0dd;
$fa-var-sort-up: \f0de;
$fa-var-sort-asc: \f0de;
$fa-var-spinner: \f110;
$fa-var-spinner-scale: \e62a;
$fa-var-spinner-third: \f3f4;
$fa-var-square: \f0c8;
$fa-var-square-check: \f14a;
$fa-var-check-square: \f14a;
$fa-var-star: \f005;
$fa-var-table: \f0ce;
$fa-var-table-list: \f00b;
$fa-var-th-list: \f00b;
$fa-var-tag: \f02b;
$fa-var-trash: \f1f8;
$fa-var-trash-can: \f2ed;
$fa-var-trash-alt: \f2ed;
$fa-var-triangle-exclamation: \f071;
$fa-var-exclamation-triangle: \f071;
$fa-var-warning: \f071;
$fa-var-universal-access: \f29a;
$fa-var-up-right-and-down-left-from-center: \f424;
$fa-var-expand-alt: \f424;
$fa-var-user: \f007;
$fa-var-user-doctor: \f0f0;
$fa-var-user-md: \f0f0;
$fa-var-user-doctor-message: \f82e;
$fa-var-user-md-chat: \f82e;
$fa-var-user-gear: \f4fe;
$fa-var-user-cog: \f4fe;
$fa-var-user-minus: \f503;
$fa-var-user-nurse: \f82f;
$fa-var-user-pen: \f4ff;
$fa-var-user-edit: \f4ff;
$fa-var-user-plus: \f234;
$fa-var-user-slash: \f506;
$fa-var-users: \f0c0;
$fa-var-virus-covid: \e4a8;
$fa-var-wheelchair: \f193;
$fa-var-xmark: \f00d;
$fa-var-close: \f00d;
$fa-var-multiply: \f00d;
$fa-var-remove: \f00d;
$fa-var-times: \f00d;


$fa-icons: (
  "arrow-down-to-bracket": $fa-var-arrow-down-to-bracket,
  "arrow-up-from-bracket": $fa-var-arrow-up-from-bracket,
  "arrow-up-right-from-square": $fa-var-arrow-up-right-from-square,
  "external-link": $fa-var-external-link,
  "arrows-retweet": $fa-var-arrows-retweet,
  "retweet-alt": $fa-var-retweet-alt,
  "baby": $fa-var-baby,
  "bars": $fa-var-bars,
  "navicon": $fa-var-navicon,
  "bell": $fa-var-bell,
  "bell-slash": $fa-var-bell-slash,
  "building-columns": $fa-var-building-columns,
  "bank": $fa-var-bank,
  "institution": $fa-var-institution,
  "museum": $fa-var-museum,
  "university": $fa-var-university,
  "calendar-check": $fa-var-calendar-check,
  "calendar-days": $fa-var-calendar-days,
  "calendar-alt": $fa-var-calendar-alt,
  "caret-down": $fa-var-caret-down,
  "caret-up": $fa-var-caret-up,
  "chevron-down": $fa-var-chevron-down,
  "chevron-left": $fa-var-chevron-left,
  "chevron-right": $fa-var-chevron-right,
  "chevron-up": $fa-var-chevron-up,
  "chevrons-down": $fa-var-chevrons-down,
  "chevron-double-down": $fa-var-chevron-double-down,
  "chevrons-up": $fa-var-chevrons-up,
  "chevron-double-up": $fa-var-chevron-double-up,
  "circle": $fa-var-circle,
  "circle-arrow-up": $fa-var-circle-arrow-up,
  "arrow-circle-up": $fa-var-arrow-circle-up,
  "circle-check": $fa-var-circle-check,
  "check-circle": $fa-var-check-circle,
  "circle-dot": $fa-var-circle-dot,
  "dot-circle": $fa-var-dot-circle,
  "circle-exclamation": $fa-var-circle-exclamation,
  "exclamation-circle": $fa-var-exclamation-circle,
  "circle-info": $fa-var-circle-info,
  "info-circle": $fa-var-info-circle,
  "circle-minus": $fa-var-circle-minus,
  "minus-circle": $fa-var-minus-circle,
  "circle-plus": $fa-var-circle-plus,
  "plus-circle": $fa-var-plus-circle,
  "circle-question": $fa-var-circle-question,
  "question-circle": $fa-var-question-circle,
  "circle-small": $fa-var-circle-small,
  "circle-xmark": $fa-var-circle-xmark,
  "times-circle": $fa-var-times-circle,
  "xmark-circle": $fa-var-xmark-circle,
  "clipboard-list": $fa-var-clipboard-list,
  "clipboard-prescription": $fa-var-clipboard-prescription,
  "clipboard-user": $fa-var-clipboard-user,
  "clock": $fa-var-clock,
  "clock-four": $fa-var-clock-four,
  "comments": $fa-var-comments,
  "copy": $fa-var-copy,
  "down-left-and-up-right-to-center": $fa-var-down-left-and-up-right-to-center,
  "compress-alt": $fa-var-compress-alt,
  "ellipsis": $fa-var-ellipsis,
  "ellipsis-h": $fa-var-ellipsis-h,
  "ellipsis-vertical": $fa-var-ellipsis-vertical,
  "ellipsis-v": $fa-var-ellipsis-v,
  "envelope": $fa-var-envelope,
  "eye": $fa-var-eye,
  "face-angry": $fa-var-face-angry,
  "angry": $fa-var-angry,
  "face-frown-slight": $fa-var-face-frown-slight,
  "face-laugh-beam": $fa-var-face-laugh-beam,
  "laugh-beam": $fa-var-laugh-beam,
  "face-meh": $fa-var-face-meh,
  "meh": $fa-var-meh,
  "face-smile": $fa-var-face-smile,
  "smile": $fa-var-smile,
  "file": $fa-var-file,
  "file-circle-minus": $fa-var-file-circle-minus,
  "file-circle-plus": $fa-var-file-circle-plus,
  "file-pdf": $fa-var-file-pdf,
  "file-plus": $fa-var-file-plus,
  "file-signature": $fa-var-file-signature,
  "filter": $fa-var-filter,
  "flag-pennant": $fa-var-flag-pennant,
  "pennant": $fa-var-pennant,
  "flask-vial": $fa-var-flask-vial,
  "folder": $fa-var-folder,
  "folder-blank": $fa-var-folder-blank,
  "folder-medical": $fa-var-folder-medical,
  "gear": $fa-var-gear,
  "cog": $fa-var-cog,
  "globe": $fa-var-globe,
  "grid": $fa-var-grid,
  "grid-3": $fa-var-grid-3,
  "grid-2": $fa-var-grid-2,
  "heart": $fa-var-heart,
  "hospital": $fa-var-hospital,
  "hospital-alt": $fa-var-hospital-alt,
  "hospital-wide": $fa-var-hospital-wide,
  "house-chimney": $fa-var-house-chimney,
  "home-lg": $fa-var-home-lg,
  "id-badge": $fa-var-id-badge,
  "id-card": $fa-var-id-card,
  "drivers-license": $fa-var-drivers-license,
  "info": $fa-var-info,
  "link": $fa-var-link,
  "chain": $fa-var-chain,
  "list-ul": $fa-var-list-ul,
  "list-dots": $fa-var-list-dots,
  "location-dot": $fa-var-location-dot,
  "map-marker-alt": $fa-var-map-marker-alt,
  "lock-keyhole": $fa-var-lock-keyhole,
  "lock-alt": $fa-var-lock-alt,
  "lock-keyhole-open": $fa-var-lock-keyhole-open,
  "lock-open-alt": $fa-var-lock-open-alt,
  "magnifying-glass": $fa-var-magnifying-glass,
  "search": $fa-var-search,
  "monitor-waveform": $fa-var-monitor-waveform,
  "monitor-heart-rate": $fa-var-monitor-heart-rate,
  "pen-field": $fa-var-pen-field,
  "pen-to-square": $fa-var-pen-to-square,
  "edit": $fa-var-edit,
  "phone": $fa-var-phone,
  "pills": $fa-var-pills,
  "print": $fa-var-print,
  "rectangle-list": $fa-var-rectangle-list,
  "list-alt": $fa-var-list-alt,
  "right-from-bracket": $fa-var-right-from-bracket,
  "sign-out-alt": $fa-var-sign-out-alt,
  "right-to-bracket": $fa-var-right-to-bracket,
  "sign-in-alt": $fa-var-sign-in-alt,
  "share-nodes": $fa-var-share-nodes,
  "share-alt": $fa-var-share-alt,
  "sliders": $fa-var-sliders,
  "sliders-h": $fa-var-sliders-h,
  "sort": $fa-var-sort,
  "unsorted": $fa-var-unsorted,
  "sort-down": $fa-var-sort-down,
  "sort-desc": $fa-var-sort-desc,
  "sort-up": $fa-var-sort-up,
  "sort-asc": $fa-var-sort-asc,
  "spinner": $fa-var-spinner,
  "spinner-scale": $fa-var-spinner-scale,
  "spinner-third": $fa-var-spinner-third,
  "square": $fa-var-square,
  "square-check": $fa-var-square-check,
  "check-square": $fa-var-check-square,
  "star": $fa-var-star,
  "table": $fa-var-table,
  "table-list": $fa-var-table-list,
  "th-list": $fa-var-th-list,
  "tag": $fa-var-tag,
  "trash": $fa-var-trash,
  "trash-can": $fa-var-trash-can,
  "trash-alt": $fa-var-trash-alt,
  "triangle-exclamation": $fa-var-triangle-exclamation,
  "exclamation-triangle": $fa-var-exclamation-triangle,
  "warning": $fa-var-warning,
  "universal-access": $fa-var-universal-access,
  "up-right-and-down-left-from-center": $fa-var-up-right-and-down-left-from-center,
  "expand-alt": $fa-var-expand-alt,
  "user": $fa-var-user,
  "user-doctor": $fa-var-user-doctor,
  "user-md": $fa-var-user-md,
  "user-doctor-message": $fa-var-user-doctor-message,
  "user-md-chat": $fa-var-user-md-chat,
  "user-gear": $fa-var-user-gear,
  "user-cog": $fa-var-user-cog,
  "user-minus": $fa-var-user-minus,
  "user-nurse": $fa-var-user-nurse,
  "user-pen": $fa-var-user-pen,
  "user-edit": $fa-var-user-edit,
  "user-plus": $fa-var-user-plus,
  "user-slash": $fa-var-user-slash,
  "users": $fa-var-users,
  "virus-covid": $fa-var-virus-covid,
  "wheelchair": $fa-var-wheelchair,
  "xmark": $fa-var-xmark,
  "close": $fa-var-close,
  "multiply": $fa-var-multiply,
  "remove": $fa-var-remove,
  "times": $fa-var-times,
);

$fa-brand-icons: (
);

$fa-custom-icons: (
  oh-chevron-first: "\e002",
  oh-chevron-last: "\e003",
);

`;
Tests:
slice
var substring = string.slice(17, 25);
substring
var substring = string.substring(17, 25);
substr
var substring = string.substr(17, 25);