Run results for: URL object vs split to get canonical url

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36

Browser: Chrome 132

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one month ago

Test name	Executions per second
split	40784552.0 Ops/sec
url	1377064.4 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

AخA
 
<!--your preparation HTML code goes here-->

Script Preparation code:

/*your preparation JavaScript code goes here
To execute async code during the script preparation, wrap it as function globalMeasureThatScriptPrepareFunction, example:*/
  const url = 'https://www.marksandspencer.com/l/kids/girls/footwear/boots/fs5/chelsea-boots?test=test&foo=foo#something'
async function globalMeasureThatScriptPrepareFunction() {
    // This function is optional, feel free to remove it.
    // await someThing();
}

 
/*your preparation JavaScript code goes hereTo execute async code during the script preparation, wrap it as function globalMeasureThatScriptPrepareFunction, example:*/  const url = 'https://www.marksandspencer.com/l/kids/girls/footwear/boots/fs5/chelsea-boots?test=test&foo=foo#something'async function globalMeasureThatScriptPrepareFunction() {    // This function is optional, feel free to remove it.    // await someThing();}

Tests:

split
const [ parsedUrl ] = url.split('?');
const [ parsedUrl ] = url.split('?');

url

const urlOb = new URL(url);
const parsedUrl = `${urlOb.origin}${urlOb.pathname}`

 
const urlOb = new URL(url);const parsedUrl = `${urlOb.origin}${urlOb.pathname}`