Run results for: URLSearchParams vs Custom

Run details:

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

Browser: Safari 18

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Custom Encode

6.6M/s

Native Encode

1.6M/s

View exact numbers

Test name	Executions per second
✓ Custom Encode	6,576,706 Ops/sec
Native Encode	1,565,700 Ops/sec

Script Preparation code:


var querystring = 'foo=bar&baz=qux&quxx=corge&grault=garply&waldo=fred&plugh=xyzzy'

var queryobj = {
  foo: 'bar',
  baz: 'qux',
  quux: 'corge',
  grault: 'garply',
  waldo: 'fred',
  plugh: 'xyzzy'
}

function encode (data) {
  let result = '?'

  for (const key in data) {
    if (data[key] != null) {
      result += key + '=' + data[key] + '&'
    }
  }

  return result.slice(0, -1)
}

function encodeNative (data) {
  return new URLSearchParams(data).toString()
}

Tests:

Custom Encode
encode(queryobj)
Native Encode
encodeNative(queryobj)