Lorsqu'une ressource d'une page est chargée ultérieurement par un script JavaScript ou par un style CSS, le navigateur ne peut pas anticiper la connexion au site (origine) nécessaire et perd du temps à l'établir lorsqu'il doit la charger. Une préconnexion est une instruction informant le navigateur que cette connexion sera nécessaire plus tard, ce qui lui permet de la préparer.
Il est utile de spécifier ces différentes connexions ultérieures afin que le navigateur les anticipe et améliore le chargement des ressources concernées au moment venu. Les préconnexions améliorent donc le délai de chargement de la page.
Établissez des connexions précoces avec les origines tierces importantes. Pour indiquer au navigateur la préconnexion à effectuer, il est nécessaire d'ajouter le code au niveau de la section <head> du code HTML.
Exemple pour le chargement ultérieur de la ressource "https://exemple.com/script.js" :
<link rel="preconnect" href="https://exemple.com">