Faut-il se préconnecter aux réseaux publicitaires ?
Se préconnecter aux réseaux publicitaires peut sembler être une excellente idée pour diffuser des publicités rapidement, mais cela ralentit généralement la diffusion des publicités ainsi que d'autres métriques importantes.

Faut-il se préconnecter aux réseaux publicitaires ?
Chaque fois que j'audite un site, j'examine toujours les stratégies de resource hints. Parfois, les clients se préconnectent aux réseaux publicitaires et c'est un choix intéressant. L'idée est assez évidente : en se préconnectant aux réseaux publicitaires, ils espèrent accélérer les publicités et donc augmenter les revenus.
Cette stratégie présente un inconvénient. Tout ce que vous faites tôt lors du chargement de la page prend du temps (sous forme de cycles CPU et d'utilisation du réseau). C'est un temps précieux qui, s'il est mal utilisé, peut ralentir d'autres ressources plus importantes.
Dans cet article, j'examine plus en détail la préconnexion aux réseaux publicitaires.
Table of Contents!
Contexte : qu'est-ce que la préconnexion
Un preconnect est une indication aux navigateurs que l'utilisateur aura probablement besoin de ressources provenant de l'origine de la ressource cible, et par conséquent, le navigateur peut probablement améliorer la user experience en initiant préventivement une connexion à cette origine.
Contexte : Comment fonctionnent les réseaux publicitaires ?
Les réseaux publicitaires sont des plateformes qui mettent en relation annonceurs et éditeurs, facilitant le processus d'affichage de publicités sur divers sites web, applications ou autres plateformes numériques. Ils fonctionnent en réunissant deux acteurs clés : les annonceurs qui souhaitent promouvoir leurs produits ou services et les éditeurs qui disposent d'espaces publicitaires sur leurs plateformes.
La préconnexion aux réseaux publicitaires est-elle plus rapide ?
Réponse courte : Non, dans chaque test pour chaque client (de 5k à 15 millions de pages vues par jour) pour lequel j'ai travaillé, les Real User Metrics ont montré que la préconnexion aux serveurs publicitaires ne fait que ralentir le Largest Contentful Paint. Dans la plupart des cas, libérer des ressources a même conduit à des affichages publicitaires plus rapides.
Jetez simplement un œil à cet exemple réel. Le client est passé de 1,8 million de bonnes pages à 6,24 millions de bonnes pages en seulement 3 mois après que j'ai supprimé les préconnexions publicitaires !

Réponse longue, probablement pas. Les réseaux publicitaires fonctionnent généralement en chargeant un seul script. Ce script peut déclencher le téléchargement de quelques scripts supplémentaires (hébergés sur différents hôtes !). Ensuite, les choses se compliquent mais fondamentalement, le réseau publicitaire essaie de remplir vos emplacements publicitaires. Pour chaque emplacement publicitaire, il devra télécharger de nouvelles ressources (html, images, css, polices, nouveaux scripts, etc.) à partir de différents serveurs.
Alors décomposons cela
Le problème de la préconnexion en général
La préconnexion ouvrira une connexion vers un serveur externe tôt dans le processus de rendu. Le but de la préconnexion est d'avoir une connexion déjà ouverte vers ce serveur une fois que les fichiers sont nécessaires. Cela peut faire gagner un temps précieux mais cela a un coût.
Tout d'abord, les connexions réseau précoces entreront en concurrence pour d'autres ressources réseau très tôt dans le processus de rendu. À ce moment-là, les ressources les plus importantes comme l'image LCP, les feuilles de style et les polices n'ont pas encore été téléchargées. Ce n'est donc pas un bon moment pour entrer en concurrence pour les ressources !
Deuxièmement, nous n'avons aucun moyen de savoir si nous aurons réellement besoin de cette connexion réseau. Peut-être que le script est déjà dans le cache du navigateur et que la connexion ouverte ne sera pas utilisée pour cette raison. Dans ce cas, même si la préconnexion avait été plus rapide, à cause de la mise en cache côté client, nous ajoutons simplement une nouvelle connexion inutile pour chaque visite répétée !
En règle générale, il est généralement préférable de ne préconnecter que vers les domaines de ressources les plus importants (comme votre CDN principal)
Faut-il se préconnecter au script publicitaire principal ?
La préconnexion au script publicitaire principal n'accélérera les publicités que si le script publicitaire n'est pour une raison quelconque pas détectable par le preload scanner.
Si vous voulez prioriser vos publicités et que pour une raison quelconque vous n'utilisez pas une balise de script externe normale <script async src="https://adnetwork.ext/script.js"> et que le script publicitaire n'est pas mis en cache par le navigateur, alors (et seulement alors !) la préconnexion pourrait être une bonne idée ! Dans tous les autres cas, il vaut mieux ne pas se préconnecter.
Faut-il se préconnecter aux domaines que les réseaux publicitaires utiliseront plus tard
Quels réseaux publicitaires ai-je testés ??
Intéressé de savoir si cet article s'applique à votre réseau publicitaire ? Voici tous les préconnects que j'ai testés l'année dernière. Si votre réseau publicitaire n'est pas dans la liste, cela ne signifie pas que vous devez vous préconnecter. Cela signifie simplement que je ne l'ai pas testé pour vous. Vous devriez mettre en place un test A/B et tester ce qui fonctionne le mieux pour vous !
<link rel="preconnect" href="//securepubads.g.doubleclick.net">
<link rel="preconnect" href="//www.google.com">
<link rel="preconnect" href="//adservice.google.com">
<link rel="preconnect" href="//tpc.googlesyndication.com">
<link rel="preconnect" href="//pagead2.googlesyndication.com">
<link rel="preconnect" href="//www.gstatic.com">
<link rel="preconnect" href="https://s0.2mdn.net" />
<link rel="preconnect" href="https://googleads.g.doubleclick.net" />
<link rel="preconnect" href="https://www.googleadservices.com" />
<link rel="preconnect" href="https://dis.criteo.com" />
<link rel="preconnect" href="https://c1.adform.net" />
<link rel="preconnect" href="https://snap.licdn.com" />
<link rel="preconnect" href="https://visitor.omnitagjs.com" />
<link rel="preconnect" href="https://secure.adnxs.com" />
<link rel="preconnect" href="https://cdn.brandmetrics.com" />
<link rel="preconnect" href="https://p.adsymptotic.com" />
<link rel="preconnect" href="https://bidder.criteo.com" />
<link rel="preconnect" href="https://gum.criteo.com" />
<link rel="preconnect" href="https://sslwidget.criteo.com" />
<link rel="preconnect" href="https://static.criteo.net" />
Performance is a Feature.
Treating speed as an afterthought fails. Build a performance culture with a dedicated 2-sprint optimization overhaul.
- 2-Sprint Overhaul
- Culture Building
- Sustainable Speed

