Preconnect

Le preconnect est une fonctionnalité d’optimisation des performances web qui permet aux navigateurs de commencer à établir des connexions réseau vers des domaines externes avant même qu’une ressource soit explicitement demandée. En permettant au navigateur de préparer en amont les connexions TCP, TLS, et DNS vers ces ressources, le preconnect réduit le temps de latence lorsque la ressource est finalement requise, améliorant ainsi le temps de chargement global de la page.

Principaux avantages du preconnect :

  • Réduction du délai de connexion : Le navigateur établit les connexions en arrière-plan, permettant aux ressources externes (comme les polices, les scripts ou les images) d’être chargées plus rapidement quand elles sont nécessaires.
  • Optimisation des performances : Utile pour des ressources critiques venant de serveurs externes (CDN, API), notamment celles qui affectent directement le rendu initial de la page.
  • Amélioration de l’expérience utilisateur : En réduisant la latence, les utilisateurs perçoivent le site comme plus réactif, ce qui peut réduire les temps de chargement perçus.

Le preconnect est particulièrement utile dans les sites qui dépendent fortement de ressources externes, comme des polices hébergées sur des CDN ou des appels d’API fréquents, et il peut être utilisé en complément d’autres techniques d’optimisation comme le preload ou le prefetch pour un chargement plus fluide.

Articles associés

Analyser le DOM avec MilleCheck.ai : Optimisation HTML

MilleCheck

15 avril 2025

Conçu par des passionnés du web et de l’héritage de Tim Berners-Lee, MilleCheck plonge au cœur du langage HTML et du DOM (Document Object Model),...

Lire la suite de Analyser le DOM avec MilleCheck.ai : Optimisation HTML

Comprendre et optimiser l’impact WebPerf de vos ressources 1st vs 3rd party avec MilleCheck

MilleCheck

1 avril 2025

Même si les navigateurs sont devenus plus performants, il faut faire attention à ne pas les surcharger notamment avec des services tiers sous peine de...

Lire la suite de Comprendre et optimiser l’impact WebPerf de vos ressources 1st vs 3rd party avec MilleCheck

Optimiser les fonts d’icônes

Technique

21 juillet 2020

La création de son site internet passe toujours par une phase d’UX puis d’UI pour aboutir à une maquette plus ou moins complète qui contiendra...

Lire la suite de Optimiser les fonts d’icônes

JavaScript Responsable : 3ème partie

Technique

10 mars 2020

Le Javascript Responsable : 3ème partie . Traduction de l'article de Jeremy Wagner publié sur alistapart.com. 100% approuvé par artwaï.

Lire la suite de JavaScript Responsable : 3ème partie