Help improve Publisher Ads Audits for Lighthouse. Share your thoughts in our survey.

Hirdetési szkriptek statikus módon való betöltése

Áttekintés

Ezzel az audittal ellenőrizheti, hogy a hirdetési szkriptek be lettek-e szúrva az oldalra. Előfordulhat, hogy az oldalon található egyéb források késleltetik a beszúrt szkriptek lekérését és betöltését, ez pedig a hirdetések betöltését is késlelteti. Bizonyos esetekben ezek a szkriptek egyáltalán nem kérhetők le, ami megakadályozza, hogy a hirdetések betöltődjenek.

Javaslatok

Oldala gyorsabban működhet, ha a szkripteket az „async” attribútummal tölti be. A böngésző előtöltési keresője korábban le tudja kérni a „script” címkéket, még akkor is, ha a megjelenítést gátló források a szkriptek futását is gátolják.

Helytelen

<script>
  var el = document.createElement('script');
  el.src = 'https://securepubads.g.doubleclick.net/tag/js/gpt.js';
  var node = document.getElementsByTagName('script')[0];
  node.parentNode.insertBefore(el, node);
</script>
Helyes

<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>

A beszúrt hirdetési szkriptek forrásának azonosítása

Néha nem egyértelmű, hogy a böngésző miként szúrja be a hirdetési szkripteket az oldalra, sőt az sem, hogy egyáltalán be lettek-e szúrva. Például ha megvizsgálja egy oldal kódját (miután már betöltődött), a beszúrt szkriptcímkék ugyanolyannak tűnhetnek, mint a statikus módon betöltött címkék.

Ilyen esetben a Chrome DevTools Network (Hálózat) lapjának segítségével határozhatja meg a beszúrt hirdetési szkriptek forrásait.

  1. A DevTools eszközt a(z) Control+Shift+J vagy a(z) Command+Option+J (Mac rendszeren) gombot lenyomva nyithatja meg.
  2. Lépjen a Network (Hálózat) lapra.
  3. Ha nem látszik, akkor a Filter A szűrő ikonja (Szűrő) ikonra kattintva nyithatja meg a szűrősávot. Itt gépelje be a szövegmezőbe az audit által megjelölt szkript nevét.
  4. Ha a hálózati kérelmeket ábrázoló vízesésdiagramon nem látszik az Initiator (Kezdeményező) oszlop, akkor kattintson jobb egérgombbal bármelyik táblázat fejlécére, majd válassza az Initiator (Kezdeményező) elemet.
  5. Töltse be újra az oldalt a hálózati forgalom megjelenítéséhez.

Képernyőkép a Chrome DevTools Network (Hálózat) lapjáról

Ahogy a fenti képernyőképen is látható, az Initiator (Kezdeményező) oszlop adatokat tartalmaz a kérdéses szkript forrásával kapcsolatban. A forrás linkjére kattintva közvetlenül a hirdetési címkével kapcsolatos kérelem kibocsátásáért felelős kódra ugorhat. Másik megoldásként az egérmutatót a forrás linkje fölé húzva megtekintheti a kérelmet eredményező összes hívást.

További információ

Ez az audit csak engedélyezőlistán szereplő hirdetési szkripteket vesz figyelembe, melyekről tudjuk, hogy biztonságosan betölthetők statikusan. A jelenlegi listán a következők szerepelnek:

Függvénytár Szkriptek
AdSense pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
Amazon Publisher Services amazon-adsystem.com/aax2/apstag.js
Criteo Direct Bidder static.criteo.net/js/*/publishertag.js
Google megjelenítői címke

googletagservices.com/tag/js/gpt.js

securepubads.g.doubleclick.net/tag/js/gpt.js

Index Exchange js-sec.indexww.com/ht/p/*.js

Beavatkozás a document.write() metódussal szemben
A szkripttel beszúrt „aszinkron szkriptek” problémásak