DevDocs: Use URL interface instead of url package

[tyxla]

Changes proposed in this Pull Request

• DevDocs: Use URL interface instead of url package

Testing instructions

• Checkout this branch.
• Go to /devdocs/start as a logged-in user.
• Verify you're still correctly redirected to /devdocs/welcome.

Context

Discovered while working on #45523.

[matticbot]

Test live: https://calypso.live/?branch=fix/devdocs-url-usage

[matticbot]

Here is how your PR affects size of JS and CSS bundles shipped to the user's browser:

App Entrypoints (~15 bytes removed 📉 [gzipped])

name        parsed_size           gzip_size
entry-main       -117 B  (-0.0%)      -15 B  (-0.0%)

Common code that is always downloaded and parsed every time the app is loaded, no matter which route is used.

Sections (~4657 bytes removed 📉 [gzipped])

name     parsed_size           gzip_size
devdocs     -12195 B  (-5.6%)    -4657 B  (-7.5%)

Sections contain code specific for a given set of routes. Is downloaded and parsed only when a particular route is navigated to.

Async-loaded Components (~4426 bytes added 📈 [gzipped])

name                      parsed_size           gzip_size
async-load-design-blocks     +12088 B  (+0.4%)    +4426 B  (+0.6%)

React components that are loaded lazily, when a certain part of UI is displayed for the first time.

Legend

What is parsed and gzip size?

Parsed Size: Uncompressed size of the JS and CSS files. This much code needs to be parsed and stored in memory.
Gzip Size: Compressed size of the JS and CSS files. This much data needs to be downloaded over network.

Generated by performance advisor bot at iscalypsofastyet.com.

[sgomes]

LGTM! Pretty simple usage here, since window.location will always be an absolute URL.

[sgomes]

No need to turn this into a new URL object if you don't want to. window.location already has all the fields that are accessed below, e.g. window.location.protocol. This is fine too, though.

[tyxla]

Yeah, I wasn't sure why it's being done so I decided to keep the same logic and just replace the means to get there 😉