Run results for: Ways to cache Intl.NumberFormat

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/26.0.1 Safari/605.1.15

Browser: Safari 26

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 9 months ago

Custom cache with maps

1.7M/s

static global instance

1.6M/s

Custom cache with objects

1.5M/s

Lodash cache

1.0M/s

Always new instance

28K/s

View exact numbers

Test name	Executions per second
✓ Custom cache with maps	1,681,500 Ops/sec
static global instance	1,584,848 Ops/sec
Custom cache with objects	1,484,761 Ops/sec
Lodash cache	1,044,699 Ops/sec
Always new instance	28,432 Ops/sec

HTML Preparation code:

<script src='https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js'></script>

Script Preparation code:

const formatOptions = {
  minimumFractionDigits: 0,
  maximumFractionDigits: 0,
  useGrouping: false,
  style: 'percent',
};

const staticInstanceDe = new Intl.NumberFormat("de", formatOptions);
const staticInstanceFr = new Intl.NumberFormat("fr", formatOptions);

const lodashCache = _.memoize(
    (locale, options) => new Intl.NumberFormat(locale, options),
    (locale, options) => `${locale}-${JSON.stringify(options)}`,
);

const mapCache = new Map();
const getMapCacheInstance = (locale, options) => {
  let lang;
  if (!mapCache.has(locale)) {
    lang = new Map();
    mapCache.set(locale, lang);
  } else {
    lang = mapCache.get(locale);
  }
  if (!lang.has(options)) {
    const newInstance = new Intl.NumberFormat(locale, options);
    lang.set(options, newInstance);
    return newInstance;
  }
  return lang.get(options);
}

const objCache = {};
const getObjCacheInstance = (locale, options) => {
  let lang = objCache[locale];
  if (!lang) {
    lang = {};
    objCache[locale] = lang;
  }
  if (!lang[options]) {
    const newInstance = new Intl.NumberFormat(locale, options);
    lang[options] = newInstance;
    return newInstance;
  }
  return lang[options];
}

Tests: