Moet je preconnecten naar advertentienetwerken?

Preconnecten naar advertentienetwerken lijkt misschien een geweldig idee om advertenties snel weer te geven, maar meestal vertraagt dit juist de advertentieweergave samen met andere belangrijke statistieken

Arjen Karel Core Web Vitals Consultant
Arjen Karel - linkedin
Last update: 2024-07-29

Moet je preconnecten naar advertentienetwerken?

Wanneer ik een site audit, kijk ik altijd naar resource hints strategieën. Soms preconnecten klanten naar advertentienetwerken en dat is een interessante keuze. Het idee is vrij duidelijk, door te preconnecten naar advertentienetwerken hopen ze advertenties te versnellen en daardoor de omzet te verhogen.

Er is een nadeel aan deze strategie. Alles wat je vroeg tijdens het laden van de pagina doet, kost tijd (in de vorm van gebruikte CPU-cycli en netwerkgebruik). Dat is kostbare tijd die, indien verkeerd gebruikt, andere, belangrijkere resources kan vertragen.

In dit artikel neem ik een diepere duik in preconnecten naar advertentienetwerken.

Achtergrond: wat is preconnecten

Een preconnect is een hint aan browsers dat de gebruiker waarschijnlijk resources van de oorsprong van de doelresource nodig heeft, en daarom kan de browser waarschijnlijk de gebruikerservaring verbeteren door preventief een verbinding met die oorsprong te initiëren

Achtergrond: Hoe werken advertentienetwerken?

Advertentienetwerken zijn platforms die adverteerders en uitgevers verbinden, wat het proces van het weergeven van advertenties op verschillende websites, apps of andere digitale platforms vergemakkelijkt. Ze werken door twee belangrijke spelers samen te brengen: adverteerders die hun producten of diensten willen promoten en uitgevers die beschikbare advertentieruimte op hun platforms hebben.

Is preconnecten naar advertentienetwerken sneller?

Kort antwoord: Nee, in elke test voor elke klant (van 5k tot 15 miljoen dagelijkse pageviews) waarvoor ik heb gewerkt, hebben Real User Metrics aangetoond dat preconnecten naar advertentieservers alleen de Largest Contentful Paint vertraagt. In de meeste gevallen leidde het vrijmaken van resources zelfs tot snellere advertentieweergaven.

Kijk maar eens naar dit praktijkvoorbeeld. De klant ging van 1,8 miljoen goede pagina's naar 6,24 miljoen goede pagina's in slechts 3 maanden nadat ik de ad preconnects had verwijderd!

Lang antwoord, waarschijnlijk niet. Advertentienetwerken werken meestal door een enkel script te laden. Dit script kan de download van nog een paar scripts (gehost op verschillende hosts!) triggeren. Dan worden de dingen ingewikkeld, maar in feite probeert het advertentienetwerk je advertentieslots te vullen. Voor elk advertentieslot moet het nieuwe resources (html, afbeeldingen, css, fonts, nieuwe scripts enz.) van verschillende servers downloaden.

Dus laten we het opsplitsen

Het probleem met preconnecten in het algemeen

Preconnecten opent vroeg in het renderproces een verbinding met een externe server. Het doel van de preconnect is om een reeds open verbinding met die server te hebben zodra bestanden nodig zijn. Dat kan kostbare tijd besparen, maar het heeft een prijs.

Ten eerste zullen de vroege netwerkverbindingen concurreren om andere netwerkresources, heel vroeg in het renderproces. Op dit moment zijn de belangrijkste resources zoals de LCP-afbeelding, stylesheets en fonts nog niet gedownload. Het is dus geen geweldig moment om om resources te concurreren!

Ten tweede hebben we geen manier om te weten of we die netwerkverbinding daadwerkelijk nodig zullen hebben. Misschien staat het script al in de cache van de browser en wordt de open verbinding om die reden niet gebruikt. In dat geval, zelfs als preconnecten sneller zou zijn geweest, voegen we vanwege client-side caching gewoon een nutteloze nieuwe verbinding toe voor elk herhaalbezoek!

Als algemene regel is het meestal het beste om alleen te preconnecten naar de belangrijkste resource domeinen (zoals je hoofd-CDN)

Moet je preconnecten naar het hoofdadvertentiescript?

Preconnecten naar het hoofdadvertentiescript zal advertenties alleen versnellen als het advertentiescript om de een of andere reden niet detecteerbaar is door de preload scanner

Als je je advertenties wilt prioriteren en om de een of andere reden gebruik je geen normale externe script tag <script async src="https://adnetwork.ext/script.js"> en het advertentiescript is niet browser cache-able, dan (en alleen dan!) is preconnecten misschien een goed idee! In alle andere gevallen ben je beter af door niet te preconnecten.

Moet je preconnecten naar domeinen die advertentienetwerken later zullen gebruiken

Preconnecten naar domeinen die advertentienetwerken later zullen gebruiken in de biedingen en plaatsingen zal gewoon één grote netwerkfile creëren vroeg tijdens het laden van de pagina. Live tests hebben keer op keer aangetoond dat dit veel minder efficiënt is dan het in real-time openen van de advertentienetwerkverbinding. Dus nee! Je bent waarschijnlijk veel beter af door de browser de verbindingen naar de advertentienetwerken in hun eigen tijd te laten afhandelen

Welke advertentienetwerken heb ik getest??

Benieuwd of dit artikel van toepassing is op jouw advertentienetwerk? Dit zijn alle preconnects die ik het afgelopen jaar heb getest. Als jouw advertentienetwerk niet in de lijst staat, betekent dit niet dat je moet preconnecten. Het betekent gewoon dat ik het niet voor je heb getest. Je zou een A/B-test moeten opzetten en testen wat voor jou het beste werkt!


<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" />

17 years of fixing PageSpeed.

I have optimized platforms for some of the largest publishers and e-commerce sites in Europe. I provide the strategy, the code, and the RUM verification. Usually in 1 to 2 sprints.

View Services
Moet je preconnecten naar advertentienetwerken?Core Web Vitals Moet je preconnecten naar advertentienetwerken?