Benchmark: new Url vs host RegEx

Tests:

new URL
return new URL('https://is5-ssl.mzstatic.com/image/thumb/Purple126/v4/00/33/2e/00332e58-b196-82cf-1231-82d81d6fe477/AppIcon_TikTok-0-0-1x_U007emarketing-0-0-0-7-0-0-sRGB-0-0-0-GLES2_U002c0-512MB-85-220-0-0.png/512x0w.png').origin;
RegEx
return 'https://is5-ssl.mzstatic.com/image/thumb/Purple126/v4/00/33/2e/00332e58-b196-82cf-1231-82d81d6fe477/AppIcon_TikTok-0-0-1x_U007emarketing-0-0-0-7-0-0-sRGB-0-0-0-GLES2_U002c0-512MB-85-220-0-0.png/512x0w.png'.match(/((http|ftp|https):\/\/)?(([\w.-]*)\.([\w]*))/)[0]

Historical Performance Data aggregated from 25 community runs

Desktop Results:

Chrome 25 runs

RegEx

8.9M/s

new URL

857K/s

Fastest: RegEx (10.4x faster)

View exact numbers

✓ RegEx: 8,913,278 ops/sec
• new URL: 856,949 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
new URL
RegEx

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 11 months ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.0.0.0 Safari/537.36

Browser/OS: Chrome 138 on Windows

View result in a separate tab

RegEx

5.7M/s

new URL

584K/s

View exact numbers

Test name	Executions per second
✓ RegEx	5,666,773 Ops/sec
new URL	584,160 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

**Benchmark Overview**

MeasureThat.net provides a platform for JavaScript microbenchmarks, allowing users to compare the performance of different approaches to specific tasks. The provided benchmark definition and test cases demonstrate two alternatives for creating URLs.

**Test Case 1: New URL vs Host RegEx**

The first test case compares two methods for creating a new URL string:

1. **new URL**: This approach uses the built-in `URL` constructor, which parses the input string and returns a `URL` object with its components (protocol, hostname, pathname, search, hash).
2. **Host RegEx**: This approach uses a regular expression (`/((http|ftp|https):\\/\\/(\\w.*\\.\\w+))/`) to extract the protocol, hostname, and port from the input string.

**Options Compared**

The benchmark compares the performance of:

* `new URL` constructor
* Host RegEx using a single line regex

**Pros and Cons**

1. **new URL**:
	* Pros: More readable, less prone to errors, and provides additional features (e.g., parsing query strings).
	* Cons: Requires JavaScript engine support, may be slower for small input strings.
2. **Host RegEx**:
	* Pros: Lightweight, fast, and suitable for small input strings.
	* Cons: Error-prone, requires careful regex implementation, and may not handle all edge cases.

**Library/Functionality Used**

The `URL` constructor is a built-in JavaScript function that parses URLs and provides their components. The Host RegEx uses the `/regex` syntax to define a single line regular expression.

**Special JS Features/Syntax**

None are mentioned in this specific benchmark case.

**Other Alternatives**

For creating URLs, other approaches exist:

1. **URLSearchParams**: This API allows parsing query strings from URLs.
2. **uri.js**: A lightweight URL parsing library for JavaScript.
3. **regex-based approaches**: Other regex patterns can be used to extract URL components.

These alternatives might offer trade-offs in terms of performance, readability, or feature set compared to the `new URL` constructor and Host RegEx approach.

new Url vs host RegEx (version: 0)

Comparing performance of: `new URL vs RegEx`

Created: 3 years ago by: Guest

Go to the latest result

new URL

RegEx

Historical Performance Data aggregated from 25 community runs

Desktop Results:

Chrome 25 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

new Url vs host RegEx (version: 0)

Comparing performance of: new URL vs RegEx

Created: 3 years ago by: Guest

Go to the latest result

new URL

RegEx

Historical Performance Data aggregated from 25 community runs

Desktop Results:

Chrome 25 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

Related benchmarks

Comparing performance of: `new URL vs RegEx`