Benchmark: new Intl.DateTimeFormat vs cached Intl.DateTimeFormat vs date method

new Intl.DateTimeFormat vs cached Intl.DateTimeFormat vs date method (version: 0)

measure the perf impact of caching calls to new Intl.DateTimeFormat

Comparing performance of: `new Intl.DateTimeFormat.format() vs cached Intl.DateTimeFormat.format() vs new Intl.DateTimeFormat.formatToParts vs cached Intl.DateTimeFormat.formatToParts() vs date methods`

Created: 2 years ago by: Guest

Go to the latest result

Script Preparation code:

const TWO_DIGIT = '2-digit';

var options = {
      month: TWO_DIGIT,
      year: 'numeric',
      day: TWO_DIGIT,
      hour: TWO_DIGIT,
      hour12: false,
      minute: TWO_DIGIT,
      second: TWO_DIGIT,
    }

var cached = new Intl.DateTimeFormat('en-US', options);

Tests:

new Intl.DateTimeFormat.format()
new Intl.DateTimeFormat('en-US', options).format(new Date());
cached Intl.DateTimeFormat.format()
cached.format(new Date());
new Intl.DateTimeFormat.formatToParts
new Intl.DateTimeFormat('en-US', options).formatToParts(new Date());
cached Intl.DateTimeFormat.formatToParts()
cached.formatToParts(new Date());
date methods
new Date().toLocaleString('en-US', options);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
new Intl.DateTimeFormat.format()
cached Intl.DateTimeFormat.format()
new Intl.DateTimeFormat.formatToParts
cached Intl.DateTimeFormat.formatToParts()
date methods

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/134.0.0.0 Safari/537.36

Browser/OS: Chrome 134 on Mac OS X 10.15.7

View result in a separate tab

cached Intl.DateTimeFormat.format()

860K/s

cached Intl.DateTimeFormat.formatToParts()

371K/s

new Intl.DateTimeFormat.formatToParts

29K/s

new Intl.DateTimeFormat.format()

28K/s

date methods