Bör du preconnecta till annonsnätverk?

Att preconnecta till annonsnätverk kan verka som en bra idé för att snabbt visa annonser men vanligtvis kommer detta bara att sakta ner annonsleveransen tillsammans med andra viktiga mätvärden

Arjen Karel - linkedin

Last update: 2024-07-29

Bör du preconnecta till annonsnätverk?

Varje gång jag granskar en webbplats tittar jag alltid på resource hints-strategier. Ibland preconnectar klienter till annonsnätverk och det är ett intressant val. Idén är ganska uppenbar, genom att preconnecta till annonsnätverk hoppas de kunna snabba upp annonserna och därmed öka intäkterna.

Det finns en nackdel med denna strategi. Allt du gör tidigt under sidladdningen tar tid (i form av CPU-cykler och nätverksanvändning). Det är värdefull tid som, om den används felaktigt, kan sakta ner andra, viktigare resurser.

I den här artikeln tar jag en djupare titt på att preconnecta till annonsnätverk.

Table of Contents!

Bör du preconnecta till annonsnätverk?
Bakgrund: vad är preconnecting
Bakgrund: Hur fungerar annonsnätverk?
Är preconnecting till annonsnätverk snabbare?
Vilka annonsnätverk testade jag?

Bakgrund: vad är preconnecting

En preconnect är en ledtråd till webbläsare att användaren sannolikt kommer att behöva resurser från målresursens ursprung, och därför kan webbläsaren troligen förbättra user experience genom att förebyggande initiera en anslutning till det ursprunget

Bakgrund: Hur fungerar annonsnätverk?

Annonsnätverk är plattformar som kopplar samman annonsörer och utgivare och underlättar processen att visa annonser på olika webbplatser, appar eller andra digitala plattformar. De fungerar genom att sammanföra två nyckelaktörer: annonsörer som vill marknadsföra sina produkter eller tjänster och utgivare som har tillgängligt annonsutrymme på sina plattformar.

Är preconnecting till annonsnätverk snabbare?

Kort svar: Nej, i varje test för varje klient (från 5 000 till 15 miljoner dagliga sidvisningar) jag har arbetat för har Real User Metrics visat att preconnecting till annonsservrar bara saktar ner Largest Contentful Paint. I de flesta fall ledde frigjorda resurser till och med till snabbare annonsvisning.

Ta bara en titt på detta verkliga exempel. Klienten gick från 1,8 miljoner bra sidor till 6,24 miljoner bra sidor på bara 3 månader efter att jag tog bort annons-preconnects!

Långt svar, troligen inte. Annonsnätverk fungerar vanligtvis genom att ladda ett enda skript. Detta skript kan utlösa nedladdning av ytterligare några skript (som hostas på olika värdar!). Sedan blir det komplicerat men i princip försöker annonsnätverket fylla dina annonsplatser. För varje annonsplats behöver det ladda ner nya resurser (HTML, bilder, CSS, typsnitt, nya skript etc) från olika servrar.

Så låt oss bryta ner det

Problemet med preconnecting i allmänhet

Preconnecting öppnar en anslutning till en extern server tidigt under renderingsprocessen. Målet med preconnect är att ha en redan öppen anslutning till den servern när filer behövs. Det kan spara värdefull tid men det har ett pris.

För det första kommer de tidiga nätverksanslutningarna att konkurrera med andra nätverksresurser mycket tidigt i renderingsprocessen. Vid denna tidpunkt har de viktigaste resurserna som LCP-bilden, stilmallar och typsnitt ännu inte laddats ner. Så det är inte en bra tidpunkt att konkurrera om resurser!

För det andra har vi inget sätt att veta om vi faktiskt kommer att behöva den nätverksanslutningen. Kanske finns skriptet redan i webbläsarens cache och den öppna anslutningen kommer inte att användas av den anledningen. I så fall, även om preconnecting skulle ha varit snabbare, på grund av cache på klientsidan lägger vi bara till en onödig ny anslutning för varje återbesök!

Som en allmän regel är det vanligtvis bäst att bara preconnecta till de viktigaste resursdomänerna (som ditt huvud-CDN)

Bör du preconnecta till huvudannonsskriptet?

Att preconnecta till huvudannonsskriptet kommer bara att snabba upp annonser om annonsskriptet av någon anledning inte kan upptäckas av preload-skannern

Om du vill prioritera dina annonser och av någon anledning inte använder en normal extern skript-tagg <script async src="https://adnetwork.ext/script.js"> och annonsskriptet inte kan cachas i webbläsaren då (och bara då!) kan preconnecting vara en bra idé! I alla andra fall är du bättre av att inte preconnecta.

Bör du preconnecta till domäner som annonsnätverk kommer att använda senare

Att preconnecta till domäner som annonsnätverk kommer att använda senare i budgivningen och placeringen kommer bara att skapa en stor nätverkstrafikstockning tidigt under sidladdningen. Livetester har visat gång på gång att detta är mycket mindre effektivt än att öppna annonsnätverksanslutningen i realtid. Så nej! Du är förmodligen mycket bättre av att låta webbläsaren hantera anslutningarna till annonsnätverken i sin egen takt

Vilka annonsnätverk testade jag?

Intresserad av att ta reda på om den här artikeln gäller för ditt annonsnätverk? Det här är alla preconnects som jag har testat under det senaste året. Om ditt annonsnätverk inte finns i listan betyder det inte att du bör preconnecta. Det betyder bara att jag inte har testat det åt dig. Du bör sätta upp ett A/B-test och testa vad som fungerar bäst för dig!

Your dev team is busy.

Delegate the performance architecture to a specialist. I handle the optimization track while your team ships the product.

Discuss Resource Allocation >>

Parallel Workflows
Specialized Expertise
Faster Delivery

Core Web Vitals Bör du preconnecta till annonsnätverk?