Pitäisikö sinun käyttää preconnect-yhteyksiä mainosverkkoihin?

Preconnect-yhteyksien avaaminen mainosverkkoihin saattaa vaikuttaa hyvältä idealta mainosten nopeaan näyttämiseen, mutta yleensä se vain hidastaa mainosten latautumista ja muita tärkeitä mittareita

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

Pitäisikö sinun käyttää preconnect-yhteyksiä mainosverkkoihin?

Aina kun auditoin sivustoa, tarkastelen aina resurssivihje-strategioita. Joskus asiakkaat käyttävät preconnect-yhteyksiä mainosverkkoihin, ja se on mielenkiintoinen valinta. Idea on melko ilmeinen: avaamalla preconnect-yhteyden mainosverkkoihin he toivovat nopeuttavansa mainoksia ja siten kasvattavansa tuloja.

Tässä strategiassa on kuitenkin haittapuoli. Kaikki, mitä teet sivun latauksen alkuvaiheessa, vie aikaa (suorittimen ja verkon resurssien muodossa). Se on arvokasta aikaa, joka väärin käytettynä voi hidastaa muiden, tärkeämpien resurssien latautumista.

Tässä artikkelissa tarkastelen syvemmin preconnect-yhteyksien käyttöä mainosverkkoihin.

Tausta: mitä preconnect tarkoittaa

Preconnect on vihje selaimelle, että käyttäjä todennäköisesti tarvitsee resursseja kohderesurssin alkuperästä, ja siksi selain voi todennäköisesti parantaa käyttökokemusta avaamalla yhteyden kyseiseen alkuperään etukäteen.

Tausta: Miten mainosverkot toimivat?

Mainosverkot ovat alustoja, jotka yhdistävät mainostajat ja julkaisijat helpottaen mainosten näyttämistä eri verkkosivuilla, sovelluksissa tai muilla digitaalisilla alustoilla. Ne toimivat tuomalla yhteen kaksi avaintoimijaa: mainostajat, jotka haluavat markkinoida tuotteitaan tai palveluitaan, ja julkaisijat, joilla on vapaata mainostilaa alustoillaan.

Onko preconnect-yhteys mainosverkkoihin nopeampi?

Lyhyt vastaus: Ei, jokaisessa testissä jokaiselle asiakkaalle (5 000:sta 15 miljoonaan päivittäiseen sivunäyttöön) Real User Metrics -mittaukset ovat osoittaneet, että preconnect-yhteydet mainospalvelimiin vain hidastavat Largest Contentful Paint -mittaria. Useimmissa tapauksissa resurssien vapauttaminen johti jopa nopeampaan mainosten näyttämiseen.

Katso vain tätä tosielämän esimerkkiä. Asiakas nousi 1,8 miljoonasta hyvästä sivusta 6,24 miljoonaan hyvään sivuun vain kolmessa kuukaudessa sen jälkeen, kun poistin mainosten preconnect-yhteydet!

preload ad networks rum lcp

Pitkä vastaus: todennäköisesti ei. Mainosverkot toimivat yleensä lataamalla yhden skriptin. Tämä skripti voi käynnistää useiden lisäskriptien lataamisen (eri palvelimilta!). Sen jälkeen asiat monimutkaistuvat, mutta periaatteessa mainosverkko yrittää täyttää mainospaikkasi. Jokaista mainospaikkaa varten sen täytyy ladata uusia resursseja (HTML, kuvia, CSS, fontteja, uusia skriptejä jne.) eri palvelimilta.

Joten puretaan tämä osiin

Preconnect-yhteyksien yleinen ongelma

Preconnect avaa yhteyden ulkoiseen palvelimeen aikaisin renderöintiprosessin aikana. Preconnect-yhteyden tavoite on, että palvelimelle on jo avoin yhteys, kun tiedostoja tarvitaan. Se voi säästää arvokasta aikaa, mutta sillä on hintansa.

Ensinnäkin aikaiset verkkoyhteydet kilpailevat muiden verkkoresurssien kanssa hyvin aikaisin renderöintiprosessissa. Tässä vaiheessa tärkeimmät resurssit, kuten LCP-kuva, tyylitiedostot ja fontit, eivät ole vielä latautuneet. Joten se ei ole paras hetki kilpailla resursseista!

Toiseksi meillä ei ole mitään tapaa tietää, tarvitsemmeko todella kyseistä verkkoyhteyttä. Ehkä skripti on jo selaimen välimuistissa eikä avointa yhteyttä käytetä tästä syystä. Siinä tapauksessa, vaikka preconnect olisi ollut nopeampi, selaimen välimuistin ansiosta lisäämme vain turhan uuden yhteyden jokaiselle uudelleenvierailulle!

Yleissääntönä on yleensä parasta käyttää preconnect-yhteyttä vain tärkeimpiin resurssidomaineihin (kuten pääasialliseen CDN:ään)

Pitäisikö sinun käyttää preconnect-yhteyttä pääasialliseen mainoskriptiin?

Preconnect-yhteys pääasialliseen mainoskriptiin nopeuttaa mainoksia vain, jos mainoskripti ei jostain syystä ole preload-skannerin havaittavissa.

Jos haluat priorisoida mainoksiasi ja et jostain syystä käytä normaalia ulkoista script- tagia <script async src="https://adnetwork.ext/script.js"> eikä mainoskriptiä voi tallentaa selaimen välimuistiin, niin (ja vain silloin!) preconnect saattaa olla hyvä idea! Kaikissa muissa tapauksissa on parempi olla käyttämättä preconnect-yhteyttä.

Pitäisikö sinun käyttää preconnect-yhteyttä domaineihin, joita mainosverkot käyttävät myöhemmin?

Preconnect-yhteyksien avaaminen domaineihin, joita mainosverkot käyttävät myöhemmin huutokauppa- ja sijoitteluvaiheessa, luo vain suuren verkkoliikenneruuhkan sivun latauksen alkuvaiheessa. Käytännön testit ovat osoittaneet yhä uudelleen, että tämä on paljon tehottomampaa kuin mainosverkkoyhteyksien avaaminen reaaliaikaisesti. Joten ei! Sinun on todennäköisesti paljon parempi antaa selaimen hoitaa yhteydet mainosverkkoihin omaan tahtiinsa.

Mitä mainosverkkoja testasin?

Haluatko tietää, koskeeko tämä artikkeli sinun mainosverkkoasi? Nämä ovat kaikki preconnect-yhteydet, jotka olen testannut viimeisen vuoden aikana. Jos mainosverkkoasi ei ole listalla, se ei tarkoita, että sinun pitäisi käyttää preconnect-yhteyttä. Se tarkoittaa vain, että en ole testannut sitä sinulle. Sinun kannattaa asettaa A/B-testi ja testata, mikä toimii parhaiten!


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

Stop debating in Jira.

Get a definitive answer on your performance issues. I deliver a granular breakdown of your critical rendering path.

Book a Deep Dive >>

  • Definitive Answers
  • Granular Breakdown
  • Critical Path Analysis
Pitäisikö sinun käyttää preconnect-yhteyksiä mainosverkkoihin?Core Web Vitals Pitäisikö sinun käyttää preconnect-yhteyksiä mainosverkkoihin?