> For the complete documentation index, see [llms.txt](https://openai.gitbook.io/code-cheatsheets/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://openai.gitbook.io/code-cheatsheets/all/html/optimizations.md).

# Optimizations

## Preconnect to Required Origins

### Preconnect

Easy to manage

```markup
<link rel="preconnect" href="https://example.com">
```

pretty cheap; should be used within 10 seconds

Can save like .3ms

### Preload

`<link rel="preload">` informs the browser that a resource is needed as part of the current navigation, and that it should start getting fetched as soon as possible.

Edge cases b/c this isnt a hint it mandates the browser grabs it

```markup
<link rel="preload" as="script" href="super-important.js">
<link rel="preload" as="style" href="critical.css">
```

Should be used within 3 seconds