I am firing an XHR from JS code. This render-blocking XHR is fired on every page load, so I want to fetch it early in page's lifecycle, in parallel with JS and CSS resources. Inside my `index.html`, I'll add the following code:

```
<head>
  <link rel="stylesheet" href="style.css">
  <link rel="preload" as="fetch" href="/xhr-to-be-fetched-early">
</head>

```

The XHR request needs some custom headers such as `authorization` & `Accept`. Is there any way to add these headers to `link` tag, either inside HTML itself or via JS? Or is it impossible to cache such requests?