preconnect er et resource hint: <link rel="preconnect" href="https://eksempel.cdn" crossorigin>. Browseren starter DNS-opslag, TCP-forbindelse og TLS tidligt, så den første rigtige request til det origin slipper for den indledende forbindelsesforsinkelse.
preconnect, dns-prefetch og preload
- preconnect — fuld forbindelse tidligt (dyrere, stærkere).
- dns-prefetch — kun DNS (billigere, svagere).
- preload — henter en specifik fil til den aktuelle side.
Brug preconnect, når vandfaldet viser, at kritiske requests venter på forbindelse til et kendt tredjeparts-host. Det erstatter ikke at fjerne unødvendige third-party scripts.
WordPress-eksempler
Font-CDN’er, billed-CDN, betalings- eller cookie-vendors der rammes tidligt. Mange temaer tilføjer preconnect automatisk til Google Fonts — fjern dem, hvis I self-hoster fonte. Tilføj crossorigin, når ressourcen hentes CORS (typisk fonte).
Måling
Se Connection Start / SSL i Network-vandfaldet før og efter. Hvis origin’et først bruges sent eller slet ikke, er preconnect spild. Hold listen kort — typisk 1–3 origins.