Performance
https://web.dev/preload-scanner/
https://web.dev/reduce-javascript-payloads-with-code-splitting/ → Dynamic imports
https://developer.mozilla.org/en-US/docs/Web/API/Performance_API
https://web.dev/learn/performance
https://www.patterns.dev - Design, rendering and performance patterns for modern web development
https://csswizardry.com/2024/08/cache-grab-how-much-are-you-leaving-on-the-table/
Copilot instructions - https://github.com/github/awesome-copilot/blob/main/instructions/performance-optimization.instructions.md
Test Website Without JavaScript - https://www.debugbear.com/test/noscript - Check if your website requires JavaScript and how JS impacts performance.
<link rel="preconnect" href="https://example.com" />
https://web.dev/preconnect-and-dns-prefetch/
Knowing where from, but not what you're fetching
https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/
Prefetch rel="dns-prefetch"
The rel="dns-prefetch" link hint enables DNS prefetching for HTTPS documents. Allows web developers to specify domain names for important assets that should be resolved preemptively.
<link rel="dns-prefetch" href="https://fonts.googleapis.com/" />
https://developer.mozilla.org/en-US/docs/Web/Performance/dns-prefetch
https://developer.mozilla.org/en-US/docs/Glossary/Prefetch